Модуль prestashop Customizing tinyMCE Code "backlighttinymcecode" для tinyMCE редактора
Вернуться назад
26

Модуль prestashop Customizing tinyMCE Code "backlighttinymcecode" для tinyMCE редактора

Модуль можно найти по ссылке на сайт PrestaShop:

https://addons.prestashop.com/ru/administrative-tools/46854--tinymce-.html

[информация о файлах]

Я показываю видеопример работы модуля:

Description

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

Модуль совместим с версиями PrestaShop от 1.5 до 1.7.7.8.

Внизу изображений расположены два редактора, которые можно использовать в описаниях:

1) Ace Editor

Ace Editor

2) CodeMirror Editor

CodeMirror Editor

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

При написании описания и редактировании HTML-кода вам не нужно копировать код в другие редакторы для исправления ошибок, поскольку для tinyMCE специально создан встроенный HTML-редактор, позволяющий сразу же редактировать HTML-код без установки каких-либо дополнительных программ.

Сам редактор открывается при нажатии на кнопку «Редактировать описание» в формате HTML.:

Editing the description in html

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

Comparison with editor output
Settings

Сам редактор содержит основные настройки.:

  • Выберите тему, которая вам больше всего подходит;
  • Задайте размер шрифта текста;
  • Задайте размер окна, которое будет отображаться во время редактирования кода;
  • Установить или удалить нумерацию строк в левой части редактора;
  • Включайте или отключайте события Emmet для ускорения написания кода. Например, вы пишете фразу div и сразу же нажимаете Tab, и тег будет готов к написанию;
  • Включение или отключение форматирования кода работает, если выделен код и нажата комбинация клавиш "Ctrl + Tab";
  • Включить или отключить автоматическое форматирование кода; срабатывает только один раз при открытии окна с кодом;
  • Отключить выбранную тему, сохранив при этом ее настройки;
  • Включение всплывающих подсказок при нажатии горячих клавиш в редакторе для написания кода. Подсказки отображаются при наведении курсора мыши;

    То есть, оно отображается вот так.:

    Quick tips for working with the editor
Кроме того!
Если курсор находится в области фрагмента кода и нажимаете f11 или Esc, Редактор отобразит полноэкранный режим редактирования. В противном случае, если вы нажмете f11 или Esc вернется в свое первоначальное состояние.
Здесь я пишу об изменениях в модуле ;)
В версии 1.0.1:
  • - Модифицированный _PS_BASE_URL_ on _PS_BASE_URL_SSL_ in file configTMC.php - для сайтов с HTTPS
Лицензия:
AFL 3.0
создано:
14.01.2021
обновлено:
16.03.2026
автор:
admin
Теги
Если у вас есть проблема в Prestashop
Или
yandex metrika