Исправляем WYSIWYG в HostCMS 5.9

Визуальный редактор TinyMCE, установленный в HostCMS 5.9, иногда очень капризничает и тем самым усложняет жизнь при наполнении сайта. В этой статье мы будет отмечать те самые неприятные моменты в работе WYSIWYG. Отметим, что решения ниже не претендуют на звание «единственно верные». Будем рады, если вы тоже будете участвовать в пополнении этого материала.


Визуальный редактор (WYSIWYG) в Google Chrome заменяет strong на span.

TinyMCE заменяет тэг <strong> на <span class=”Apple-style-span”> при редактировании в браузере Google Chrome, тем самым в тексте при сохранении теряется жирность в начертании.

Решение для ленивых (сеошники абзац ниже пропускают).

Если не принципиально использование тэга <strong>, то можно в стилях макета прописать жирное начертание для <span> с классом Apple-style-span:
span.Apple-style-span { font-weight:bold }

Есть одно «Но».

Тэг <strong> кроме жирного начертания текста, также носит для поисковых систем более весомое значение, чем тэг <span>, тем более с таким экзотическим классом «Apple-style-span».
Если нужно сохранить семантику тэга <strong>, решение выше нам не подходит.

Решение от разработчиков.

Как обещают разработчики визуального редактора, данный баг решён в последних версиях. На время написания этой статьи это версия TinyMCE 3.5.8. Поэтому план действий следующий:

  1. качаем TinyMCE 3.5.8
  2. включаем константу DENY_GZIP_WYSIWYG в значении true
  3. Файлы визуального редактора в системе HostCMS находятся в папке /admin/wysiwyg. В архиве редактора, который мы скачали с сайта разработчика, для трансплантации в HostCMS берём файл /tinymce/jscripts/tiny_mce/tiny_mce_src.js и заменяем им аналогичный файл в папке HostCMS /admin/wysiwyg/ tiny_mce_src.js
  4. не забываем сбросить кэш в браузере и наслаждаемся…

Для тех кто не получает удовольствия от самостоятельных манипуляций, предоставляем готовый результат с исправленной папкой wysiwyg.


Визуальный редактор (WYSIWYG) и относительные адреса

Если TinyMCE добавляет изображения или ссылки с относительными адресами, то может получится так, что в предпросмотре изображение отображается корректно, а на сайте увы - ошибка 404.

Избавляемся от этого неприятного момента:

  1. Находим файлик tiny_mce_src.js (он расположен в папке /admin/wysiwyg/) и открываем для редактирования.
  2. Находим настройки, отвечающие за это безобразие, а именно:
    relative_urls : TRUE,
    convert_urls : TRUE
    
  3. и выставляем всё в false:
    relative_urls : false,
    convert_urls : false
    
  4. сбрасываем кэш, и продолжаем беспечную работу с этим мощным редактором


Осуждение статьи :) б

Дмитрий22.02.2014

Очень полезно!!! Спасибо!!
Есть вопросы или комментарии?
Как вас зовут?
E-mail (укажите, если хотите чтобы мы ответили на почту)
Комментарий
Введите цифры с картинки:


Ваше имя

Телефон

Удобное время