en de ru

ExtJS элемент с редактором TinyMCE

Ext.ux.form.TinyMCETextArea - многострочное текстовое поле с интегрированным визуальным редактором TinyMCE.

Версия: 5.1
Дата релиза: 27.09.2014
Версия ExtJS: 5.0.0
Версия TinyMCE: 4.1.5
Лицензия: LGPL v3 или выше, Sencha License

Интеграция сделана путем наследования от Ext.form.field.TextArea.

Проработаны следующие вещи:

  • Инициализация элемента в изначально видимой и изначально невидимой вкладке таб элемента.
  • Правильное размещение элемента во время инициализации в любом лэйауте ExtJS.
  • Синхронизация размера редактора при изменении размера исходного многострочного текстового поля.
  • Активация и деактивация визуального редактора. Сохранение позиции курсора при переключении между визуальным режимом и режимом HTML кода.
  • Блокировка и разблокировка визуального редактора (enable/disable).
  • Поддержка режима "Только для чтения".
  • Смена на лету настроек визуального редактора и файла CCS для содержимого.
  • Преформатирование HTML текста в визуальном и невизуальном режиме.
  • Фокусировка визуального редактора.
  • Подсвечивание элемента в случае невалидности.
  • Отслеживание состояние "изменен".
  • Адаптированный скин "extjs" и использование оригинальных окон ExtJS для показа всплывающих диалогов визуального редактора. Актуально только для поколения редактора версии 3.х. У редактора версии 4.x стиль всплывающих окон изначально хороший и адаптации не требуется.
  • Сохранение и восстановление позиции курсора при вставке символа подстановки с помощью всплывающего окна.

Демонстрационные изображения

TinyMCETextArea в таб элементе
TinyMCETextArea в формуляре

Загрузки

Скачать исходники и примеры         Посмотреть пример         Подробности реализации и Документация

Тема на форуме ExtJS

Проект GitHub

Старые версии

Версия 4.0, версия ExtJS 4.2.1, версия TinyMCE 4.0.11

Версия 2.7, версия ExtJS 4.2.1, версия TinyMCE 3.5.10

Версия 2.6, версия ExtJS 4.2.0, версия TinyMCE 3.5.8

Версия 2.5, версия ExtJS 4.1.0, версия TinyMCE 3.5.8

Версия 2.3, версия ExtJS 4.1.0, версия TinyMCE 3.5.4.1

Послесловие

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

Если вы желаете оказать небольшую финансовую поддержку, воспользуйтесь следующей ссылкой на PayPal.

PayPal
Error
Ошибка
Редактирование "на лету"
Информация
tinyta (Страница) Редактировать
point_constructor_fixed (Дизайн-шаблон) Редактировать
paypal (Секция) Редактировать
tinyta (Галерея) Редактировать