Сортируемый div с встроенным TinyMCE - PullRequest
Новая
       32

Сортируемый div с встроенным TinyMCE

0 голосов
/ 24 января 2020

Код, опубликованный vijayscode ({ ссылка }), у меня не работает.

TinyMCE не работает даже до того, как я начну заказывать. Работает ли сортировка с TinyMCE при использовании встроенного режима?

Например, если я добавлю параметр inline: true к этому коду ... TinyMCE не загружается сразу

http://fiddle.tinymce.com/33faab

Можете ли вы показать мне рабочий пример по http://fiddle.tinymce.com/

1 Ответ

0 голосов
/ 24 января 2020

Вы действительно задаете два вопроса, поэтому позвольте мне ответить на них отдельно ...

Встроенный режим

Чтобы использовать встроенный режим, необходимо настроить таргетинг элемент блока (например, div) на странице, а не textarea. Это объясняется в документации:

https://www.tiny.cloud/docs/configure/editor-appearance/#inline

Если вы хотите использовать TinyMCE во встроенном режиме, вам необходимо соответствующим образом настроить HTML.

Сортировка

Как обсуждается в публикации SO, вы связываетесь с действием перетаскивания частей DOM, влияющих на TinyMCE, потому что базовый элемент DOM, связанный с TinyMCE, технически получает удаляется из DOM, когда вы начинаете перетаскивать, а затем новый элемент вставляется при выполнении перетаскивания. Из-за этого вы хотите сделать remove() TinyMCE до удаления элемента DOM и затем init() снова после того, как новый элемент DOM будет помещен обратно в DOM.

Я бы не рекомендовал использовать mceAddEditor и mceRemoveEditor для этой работы. Вместо этого я бы:

  • Позвонил remove(), чтобы отсоединить TinyMCE от элемента DOM.
  • Пусть перетаскивание завершено
  • Вызовите init() на элементе DOM после его размещения обратно на страницу.

Вызов init() после возвращения элемента на страницу позволит вам определить класс элемента / id / et c и вызвать init() с правильной конфигурацией.

...