TinyMCE очищает определенные div - PullRequest
Новая
       19

TinyMCE очищает определенные div

1 голос
/ 31 января 2012

У меня есть страница, и я хочу использовать TinyMCE для редактирования определенных элементов на странице.Когда я пытаюсь редактировать следующие элементы, фактический контент, загруженный в tinyMCE, присутствует в столбце 2 

Original : As loaded in MCE
<dd>1234<span></span></dd> : 1234<span></span>
<tr><td><label>A</label></td><td>B</td></tr> : <label>A</label>B

Я понимаю, что происходит некоторая проверка HTML, которая проверяет отношения родительского дочернего элемента (например, trдолжен прийти только если есть таблица как родительская).Есть ли способ, которым я могу сказать tinyMCE прекратить делать это и позволить мне редактировать элементы tr напрямую, не редактируя полные элементы таблицы.то есть я хочу остановить tinyMCE, чтобы внести какие-либо изменения в загруженный HTML, независимо от того, является ли он действительным или нет.

Кроме того, я пробовал настройки verify_html и valid_elements, но, похоже, здесь не помогает

Спасибо

Ответы [ 2 ]

2 голосов
/ 31 января 2012

У вас есть два варианта здесь

  1. Вы используете настройку cleanup: false, tinymce, которая отключит проверку html

, или вы можете использовать лучший вариант

2 .. и определите, какие элементы и childelements должен принимать редактор как действительный

В вашем случае ваши valid_elements не должны обновляться, потому что tr, td и labelуже допустимые элементы по умолчанию (но вы можете определить их как недействительные).Вам нужно будет добавить их в качестве допустимых дочерних элементов в настройку valid_children.Если вы хотите определить tr-теги как допустимые дочерние элементы p-тегов и других элементов, вам нужно установить что-то вроде этого 

    valid_children: "body[p|ol|ul]" +
    ",p[a|span|b|i|u|sup|sub|img|hr|#text|tr|td|label]" +
    ",span[a|b|i|u|sup|sub|img|#text|tr|td|label]" +
    ",a[span|b|i|u|sup|sub|img|#text|tr|td|label]" +
    ",b[span|a|i|u|sup|sub|img|#text|tr|td|label]" +
    ",i[span|a|b|u|sup|sub|img|#text|tr|td|label]" +
    ",sup[span|a|i|b|u|sub|img|#text|tr|td|label]" +
    ",sub[span|a|i|b|u|sup|img|#text|tr|td|label]" +
    ",li[span|a|b|i|u|sup|sub|img|ol|ul|#text]" +
    ",ol[li]" +
    ",ul[li]",
0 голосов
/ 22 января 2015

Мы используем редактор для определения шаблонов электронной почты с нашим собственным настроенным языком и токенами, которые заменяются при отправке электронной почты.

Ни одно из предложенных решений не сработало для нас, потому что мы иногда смешиваем наш собственный язык с html, и он продолжает изменять его из исходного кода, который мы вставляем, поэтому мы обошли его, окружив недействительный html комментариями и добавив специальный последовательность символов непосредственно внутри тегов, чтобы знать, чтобы позже удалить эти специальные комментарии.

Так что специальные теги могут выглядеть так: <!--~~ Invalid markup to not mess with ~~-->

Затем вы можете удалить специальные теги <!--~~ AND ~~-->, когда контент будет использоваться или отображаться.

Недостатком является то, что содержимое между комментариями не будет отображаться в редакторе (или на странице, пока не будут удалены специальные теги комментариев).

...