Расширенный TinyMCE редактор для PrestaShop 1.6

imagesВ престашоп версии 1.6 используется очень ущемленный в настройках текстовый редактор TinyMCE. С чем это связано трудно сказать. С другой стороны улучшение функциональности редактора гораздо проще выполнить, так как нам придется изменить всего лишь один файл и изменения произойдут во всем магазине где применяется этот скрипт. Файл, который будем редактировать называется tinymce.inc.js и находиться в папке JS корня магазина или в папке /js/admin/tinymce.inc.js.
По умолчанию редактор имеет вид

before
Теперь откройте файл tinymce.inc.js редактором Notepad++ и замените все содержимое файла следующим кодом и сохраним.

 

В итоге получаем следующий вид
after
Но это еще не все. Как и в случае с добавлением видео в статье Нам придется править еще и файл Validate.php
Находим метод isCleanHtml

 

и уже кардинально удаляем часть которая запрещает нам вставлять определенный HTML код
Метод будет иметь вид

 
Теперь и видео и улучшенный функционал текстового редактора будет работать без ошибок.
До встречи на webnewbie.ru

Comments (60)

Wise
27.05.2015 - 20:50 / Ответить

Хорошо, спс. Пользоваться однозначно буду последней, в ней уже куча всего сделано. А по поводу отображения границ в таблице, можете подсказать?

27.05.2015 - 22:50 / Ответить

Сам редактор стили не создает, поэтому все вручную назначаете. Как пример [php]<table style="border: 5px ridge #73766f; border-collapse: collapse;">[/php] Это граница для всей таблицы и отдельно если требуется задаете стили для заголовков и ячеек

Владимир
07.06.2015 - 00:58 / Ответить

Версия PrestaShop™ 1.6.0.14

Нет такого файла по такому расположению! И вообще в папаке JS нет такого

27.06.2015 - 14:36 / Ответить

В версии 1.6.0.14 этот файл находится в папке /js/admin/tinymce.inc.js . В статье обновил информацию

Олег
03.10.2015 - 00:39 / Ответить

Евгений, а можно в версию 1.6 добавить редактор который был в версии1.3 вот такой: http://tinymce.ru/example/

03.10.2015 - 01:27 / Ответить

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

Олег
03.10.2015 - 05:48 / Ответить

простите, я видимо не знаю каких то тонкостей, разъясните пожалуйста с чем связаны сложности, если учесть, что в старой версии престы это было реализовано. Спасибо.

03.10.2015 - 14:21 / Ответить

Прогресс не стоит на месте, тоже касается и вэб технологий. Приведу простой пример, возьмите модуль PrestaShop версии 1.6 и установите на версию 1.3, он не будет работать, а чтобы он выполнял свои функции, нужно переписать его полностью. Редактор TinyMCE сделан на основе JS и чтобы старая версия работала и не конфликтовала с фреймворками новых поколений нужно опять таки переписать редактор практически с нуля. Но это мартышкин труд, ведь есть же новые версии. И, кстати, ошибок в старой версии редактора хватало. Наберите в поисковике ошибки TinyMCE в PrestaShop 1.3 и сами посмотрите.

Олег
03.10.2015 - 16:48 / Ответить

Спасибо, теперь понятно. Ошибки, конечно, есть (у меня версия престы1.3 собираюсь переезжать на 1.6) но работать очень удобно. Даже у предложенного Вами расширенного редактора очень урезанный функционал по сравнению со старым TinyMCE. И тогда еще вопрос, а есть современный html редактор с таким же функционалом, который можно подружить с 1.6 без особых проблем?

03.10.2015 - 19:43 / Ответить

Так бы сразу и сказали, что нужен классический функционал посмотрите тут tinymce.com/tryit/classic.php такой можно сделать, но придется попотеть, так как не все иконки для кнопок доступны и их придется добавлять.

Олег
04.10.2015 - 04:37 / Ответить

К сожалению, это опять не то , что меня интересует. В старом редакторе привлекают большие возможности работы с изображениями (выравнивание, отступы,границы…) , ссылками (классы, дополнит. возможности…) Можно посмотреть в демо – ссылка в моем первом сообщении.

Администратор Дмитрий
25.01.2016 - 06:09 / Ответить

метод isCleanHtml !!!!!!!
еще намного проще. Надо просто зайти в “Настройки/Общее” и там есть параметр “Использовать библиотеку HTMLPurifier” ставим на “Нет” и горя нет ))

26.01.2016 - 00:42 / Ответить

Дату написания статьи смотрели? Сейчас то да, все пофиксено и можно умничать.

Вячеслав
18.08.2016 - 18:39 / Ответить

“метод isCleanHtml !!!!!!!
еще намного проще. Надо просто зайти в “Настройки/Общее” и там есть параметр “Использовать библиотеку HTMLPurifier” ставим на “Нет” и горя нет ))”

Сделал, но скрипты все равно обрезает. Не могу карту яндекс вставить.

Вячеслав
18.08.2016 - 18:47 / Ответить

Решил путем указанным автором!
Спасибо!

Александр
31.08.2016 - 13:40 / Ответить

а мне ни настройки, ни правка файлов не помогают… Пытался сделать микроразметку по схеме Organization на странице CMS, но код так и так все равно чистит ((

xrikx
29.09.2016 - 01:52 / Ответить

Большое спасибо автору! Полезнейшая информация)

Leave a Reply