Я играю с примером mozilla Ritch-Text Editor, представленным HERE. Кажется, все в порядке, но при копировании/вставке простого текста с веб-страницы он добавит много ненужных тэгов html. Например, при копировании последней строки текущей страницы; текст ужасно будетКопирование/вставка в текстовый редактор JS
<p><span style="color: rgb(68, 68, 68); font-family: Arial, 'Liberation Sans',
'DejaVu Sans', sans-serif; font-size: 13px; line-height: 12px; text-align: left;
background-color: rgb(119, 119, 119); ">site design/logo © 2012 stack exchange
inc; user contributions licensed under </span><a
href="http://creativecommons.org/licenses/by-sa/3.0/" rel="license" style="
margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left:
0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px;
border-left-width: 0px; border-style: initial; border-color: initial; border-image:
initial; font-size: 13px; vertical-align: baseline; background-image: initial;
background-attachment: initial; background-origin: initial; background-clip:
initial; background-color: rgb(119, 119, 119); color: rgb(68, 68, 68); cursor:
pointer; font-family: Arial, 'Liberation Sans', 'DejaVu Sans', sans-serif;
line-height: 12px; text-align: left; ">cc-wiki</a><span style="color:
rgb(68, 68, 68); font-family: Arial, 'Liberation Sans', 'DejaVu Sans',
sans-serif; font-size: 13px; line-height: 12px; text-align: left; background-color:
rgb(119, 119, 119); "> with </span><a
href="http://blog.stackoverflow.com/2009/06/attribution-required/" rel="license"
style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px;
border-left-width: 0px; border-style: initial; border-color: initial;
border-image: initial; font-size: 13px; vertical-align: baseline; background-image:
initial; background-attachment: initial; background-origin: initial; background-clip:
initial; background-color: rgb(119, 119, 119); color: rgb(68, 68, 68); cursor: pointer;
font-family: Arial, 'Liberation Sans', 'DejaVu Sans', sans-serif; line-height: 12px;
text-align: left; ">attribution required</a></p>
Это делает текстовый редактор практически бесполезным. Как заставить редактор вставлять только основные теги html, такие как <b>
, <a>
и т. Д.
Или же вставить текст с разделителем тегов.
Проблема в том, что это необходимо сделать перед вставкой в текстовый редактор, потому что после отправки формы теги html будут смешаны с редактированием.