Скопируйте / вставьте в JS rich-text editor - PullRequest
Новая
       13

Скопируйте / вставьте в JS rich-text editor

0 голосов
/ 18 февраля 2012

Я играю с примером Mozilla с Ritch-Text Editor, представленным ЗДЕСЬ . Кажется, что все хорошо, но при копировании / вставке простого текста с веб-страницы, он будет добавлять много ненужных HTML-тегов. Например, если копируется последняя строка текущей страницы; текст ужасно будет 

        <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&nbsp;</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); ">&nbsp;with&nbsp;</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 будут смешаны без редактирования.

1 Ответ

1 голос
/ 18 февраля 2012

Большинство редакторов WYSIWYG имеют возможность HTML (писать в html).Проверьте, есть ли в вашем редакторе, и вставляет ли он ваши данные через него.

...