Как изменить функционал для вставки изображений в TinyMCE? - PullRequest
Новая
       10

Как изменить функционал для вставки изображений в TinyMCE?

0 голосов
/ 06 февраля 2020

Мое веб-приложение имеет функции для загрузки изображений с дополнительной информацией, такой как заголовок изображения, описание, теги, информация об авторских правах и т. Д. c. Я использую TinyMCE для редактирования веб-страниц, но я не хочу, чтобы изображения загружались в редакторе. Я только хочу позволить пользователю выбирать среди изображений, уже загруженных на сервер.

Было бы относительно легко изменить функцию "Вставить изображение" в TinyMCE на следующее:

  1. Когда нажата кнопка «Вставить изображение», появляется настраиваемое диалоговое окно.
  2. Содержимое этого диалогового окна представляет собой сетку изображений на сервере. Здесь не должно быть никаких функций загрузки.
  3. Изображение выбирается с помощью радиокнопки.
  4. Когда в диалоге нажата кнопка «Вставить выбранное изображение», а не просто <img> -tag, некоторые сгенерированные HTML вставляются в курсор редактора.

Я просмотрел документацию TinyMCE , и я знаю о file_picker_callback. Могу ли я использовать это и написать свою собственную функцию javascript, чтобы открыть свой собственный диалог? Как мне контролировать то, что вставлено в документ?

1 Ответ

1 голос
/ 06 февраля 2020

TinyMCE имеет API для создания собственных кнопок на панели инструментов, которые открывают диалоги для выполнения любой задачи, которая вам нужна.

Одним из подходов является использование пользовательского интерфейса TinyMCE: https://www.tiny.cloud/docs/ui-components/dialog/

Другой подход заключается в использовании диалогового окна URL, встраивающего удаленную веб-страницу, которую вы создаете. https://www.tiny.cloud/docs/ui-components/urldialog/

В любом случае вы использовали бы API TinyMCE (например, insertContent()) для помещения результирующего HTML в редактор.

...