Редактор, ckeditor, коверкает HTML коды

Главные вкладки

Аватар пользователя Sorokin Vladimir Sorokin Vladimir 26 мая 2019 в 17:15

Доброго времени суток!
Только начал осваивать движок (Drupal 8.7.2) и сразу засада…
Редактор, ckeditor, коверкает HTML коды.
Я давно знаю про эту его «болячку» и знаю, как лечить - редактировать файл «config.js», входящий в дистрибутив редактора ckeditor.
НО! Такого файла у меня в папке ckeditor просто нет.
С помощью «Поиска» из Total Commander пытался найти «config.js», во всех папках Drupal, но не нашел….
Как быть дальше просто не знаю, нужен совет знатоков.
Спасибо!

Лучший ответ

Аватар пользователя ivnish ivnish 26 мая 2019 в 20:15

Я понял в чем дело. Установите модуль fontawesome и CKEditor перестанет "кушать" пустой тег <i>

Комментарии

Аватар пользователя Sorokin Vladimir Sorokin Vladimir 26 мая 2019 в 18:56

Ввожу вот это

<h3>1</h3>
<ul><li><i class="fa fa-angle-right"></i></li></ul>
    <br />
       
<h3>2</h3>
<span><i class="fa fa-angle-right"></i></span>
    <br />

получаю это

h3>1</h3>

<ul>
        <li>&nbsp;</li>
</ul>

<p>&nbsp;</p>

<h3>2</h3>

<p>&nbsp;</p>

<p>&nbsp;</p>

Аватар пользователя ivnish ivnish 26 мая 2019 в 19:06

Текстовый формат ввода. Внизу под редактором. Если нет, значит надо идти в настройки и смотреть какие форматы есть и какие включены

Аватар пользователя ivnish ivnish 26 мая 2019 в 19:56

В том то и дело, что в Drupal 8 CKeditor ничего не режет и правка никаких файлов конфигурации больше не требуется.

Аватар пользователя Sorokin Vladimir Sorokin Vladimir 26 мая 2019 в 20:08

так попробуйте вставить тот код, что я дал

<h3>1</h3>
<ul><li><i class="fa fa-angle-right"></i></li></ul>
    <br />
       
<h3>2</h3>
<span><i class="fa fa-angle-right"></i></span>
    <br />
Аватар пользователя gun_dose gun_dose 26 мая 2019 в 20:14

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

Аватар пользователя ivnish ivnish 26 мая 2019 в 20:30

Я только что проверил. Тег добавлен и разрешен. Но при вставке иконок font awesome он пустой внутри и CKeditor его режет. В модуле fontawesome есть такая конструкция

// Attach the list of allowed empty tags.
$settings['editor']['formats']['allowedEmptyTags'] = ['i', 'span'];
Аватар пользователя Sorokin Vladimir Sorokin Vladimir 27 мая 2019 в 6:14

gun_dose wrote:
Я на 100% уверен, что тег i не добавлен в разрашённые тэги.

не могу найти где прописать нужные тэги с нужными атрибутами.

Аватар пользователя ivnish ivnish 27 мая 2019 в 11:55

У меня с этим модулем вот такой код работает

Ну и иконки удобно вставлять прямо в CKEditor кнопкой с флажком

Аватар пользователя Sorokin Vladimir Sorokin Vladimir 27 мая 2019 в 12:02

ivnish wrote:
У меня с этим модулем вот такой код работает

Ну и иконки удобно вставлять прямо в CKEditor кнопкой с флажком

Странно, почему у меня все вырезает?

Аватар пользователя ivnish ivnish 27 мая 2019 в 12:08

Проверил еще раз ваш код на сайте с модулем. Его больше не вырезает. Сбросьте кэш друпала на всякий случай

Аватар пользователя Sorokin Vladimir Sorokin Vladimir 27 мая 2019 в 12:12

ivnish wrote:
Проверил еще раз ваш код на сайте с модулем. Его больше не вырезает. Сбросьте кэш друпала на всякий случай

а как это сделать?

Аватар пользователя Sorokin Vladimir Sorokin Vladimir 27 мая 2019 в 12:25

ivnish спасибо, но чуть позже.
Откопал в расширениях редактор bueditor.
Код, любой!, не режет, но есть другая беда.
Когда вставляю свой код, при просмотре появляется вот такой знак = «>».
Откуда – не понятно. Может есть какие мысли на этот счет!

это сам код в редакторе

а это на выходе

Аватар пользователя Sorokin Vladimir Sorokin Vladimir 27 мая 2019 в 13:17

Что-то я совсем отупел за эти два дня ковыряний!!!
Это же иконка, код которой я забивал для проверки редактора.
Короче, редактор bueditor оставлю уж совсем на "черный день", а пока вернусь к ckeditor.
Раз у вас все получилось, значит вопрос решаемый...
Хочу посоветоваться.
Может мне стоит (для чистоты эксперимента) снести движок и установить по-новой?
Дело в том, что я где только не ковырялся, где только галочки не втыкал - сейчас и не упомню.
Как бы такая галочка мне всю малину не поломала....
А потом уже с чистого листа установлю fontawesome и, с вашей помощью (надеюсь Lol налажу редактор.

Аватар пользователя ivnish ivnish 27 мая 2019 в 13:30

Да, давайте для чистоты эксперимента поставьте всё с нуля, сразу модуль fontawesome и проверьте код. Не забудьте, что по умолчанию формат ввода "Базовый", нужно не забыть переключить в "Полный"

Аватар пользователя Sorokin Vladimir Sorokin Vladimir 28 мая 2019 в 7:16

Совсем забыл про одну странность…
После добавления «fontawesome» код стал вырезаться не с первого раза, а со второго!
То есть я ввожу проверочный код, сохраняю и он не режется - радости было море!
Но когда я ввел второй код и сохранил - все обрезалось.
Тогда я просто делал так, ввожу код и кликаю Сохранить два раза подряд и все обрезается.

Аватар пользователя Semantics Semantics 28 мая 2019 в 9:39

Думается мне, что CKE вырезает это дело на инициализации.
Загрузите редактирование ноды с отключенным JS, интереса ради.

Аватар пользователя Sorokin Vladimir Sorokin Vladimir 28 мая 2019 в 9:43

Semantics wrote:
Думается мне, что CKE вырезает это дело на инициализации.
Загрузите редактирование ноды с отключенным JS, интереса ради.

А можно чуток подробней, я еще не совсем освоился в движке Smile

Аватар пользователя Sorokin Vladimir Sorokin Vladimir 28 мая 2019 в 12:25

Браузер здесь не при чем...
Код не искажается а вырезается в дефолтном шаблоне движка и ввожу его я "вручную" в редакторе, а не переношу методом копирования.
Причем эта проблема, как я уже узнал, у многих пользователей.

Аватар пользователя Sorokin Vladimir Sorokin Vladimir 28 мая 2019 в 12:26

И все-таки я не могу успокоиться….
Пусть редактор встроили в ядро движка.
Но он не будет работать без файла конфигурации.
Пусть этот файл уже не называется «config.js», но где-то он должен быть.
Есть какие-нибудь данные на этот счет?