Как tinymce отображает html код wysiwyg и вывод textarea, который хранится в базе данных?

Question

Когда вы нажимаете кнопку «изображение», вы вставляете изображение в wysiwyg. При нажатии на вставленное изображение вы увидите синюю рамку на изображении. Если вы осмотрите его границу в firebug, вы увидите, что он вставлен div в wysiwyg. Также, когда вы будете сравнивать содержимое iframe и содержимое textarea (где выводит редактор хранилища tinymce), вы увидите другой код html.

Как tinymce отображает html код из iframe и выводит html код из textarea?

Знаете ли вы, как это работает с любым из существующих редакторов?

Answer 1

В общем, если вы проверяете содержимое редактора TinyMCE iFrame, вы увидите вещи, которые вы не получите, когда содержимое будет возвращено через getContent(). Во время сеанса редактирования редактор выполняет различные внутренние операции, которые необходимы для правильной работы TinyMCE. Они удаляются, когда вы получаете контент от TinyMCE, поэтому они не должны влиять на вашу способность получать, хранить и перезагружать ваш контент через TinyMCE.

Для конкретного случая c, который вы упомянули ...

Если щелкнуть изображение в редакторе, вы получите маркеры изменения размера и границу на изображении - так вы можете выполнить некоторые манипуляции с изображением.

Когда вы запрашиваете у TinyMCE его содержимое (через getContent()), вы не получите эти div теги, используемые для управления пользовательским интерфейсом процесса редактирования.