ckeditor собственные шаблоны

[Esox]

Добрый день.

Кто имел опыт создания собственных шаблонов для этого адского редактора?

Поделитесь знаниями как и в чем вы их сделали. И как потом подключили.

Сразу скажу, что оф сайт изучил, но все равно не понятно.

Есть примеры как это сделать для DRUPAL с помощью прописывая пути к файлу своего шаблона.

Но как его создать не понятно.

Но из всех танцев вокруг этого редактора, максимум, что удалось, это прицепить плагин youtube

Спасибо.

 

[Tom]

2 часа назад, Esox сказал:

Кто имел опыт создания собственных шаблонов для этого адского редактора?

В чём он адский и что это за таинственные шаблоны ?

[ElSch]

Цитата

В чём он адский и что это за таинственные шаблоны ?

Вот мне тоже интересно

Змінено 14 січня 2021 користувачем ElSch

[chukcha]

Я так понимаю, что нужно к редактору подключить собственные стили от шаблона

[ElSch]

59 минут назад, chukcha сказал:

Я так понимаю, что нужно к редактору подключить собственные стили от шаблона

Зачем? Вы пишете в редакторе заголовок. Редактор его оформляет, например, в тег h1. При запуске страницы, текст вставится в соответствующий блок шаблона и тег h1 подхватит стиль для h1 шаблона. 

 

Либо под шаблоном вы что-то другое имеете в виду? 

Змінено 14 січня 2021 користувачем ElSch

[chukcha]

типа когда я оформляю текст, то я вижу его стилизованным под сайт

[ElSch]

А как Вы делали?

Я вижу это так

либо добавлять стили через CKEDITOR.stylesSet.add

либо есть еще

config.extraPlugins = 'stylesheetparser' ;

config.contentsCss = 'sample_CSS_file.css';

 

для второго случая вызывается плагин  stylesheetparser

 

Это в теории. На практике не делалось, так что сорян.

Змінено 14 січня 2021 користувачем ElSch

[ElSch]

 <script>
        CKEDITOR.replace( 'editor2', {
            extraPlugins: 'stylesheetparser',
            height: 300,

            // Custom stylesheet for editor content.
            contentsCss: [ '[path]/stylesheetparser.css' ],

            // Do not load the default Styles configuration.
            stylesSet: []

        } );
    </script>

только убедитесь что у вас есть этот плагин

Змінено 14 січня 2021 користувачем ElSch

[Esox]

13 часов назад, Tom сказал:

В чём он адский и что это за таинственные шаблоны ?

 

Адский тем, что в нем невозможно без гемора создать контент.

Кроме примитивного текстового описания с парой картинок, которые, чтоб вставить в нужное место, надо еще сильно постараться.

Шаблоны вот эти:

 

[Esox]

11 часов назад, chukcha сказал:

Я так понимаю, что нужно к редактору подключить собственные стили от шаблона

 

Не совсем. Я имел ввиду плагин template от ckeditor

Знаю, что можно подключить собственные стили, но мне кажется это совсем как в космос полететь.

Дело в том, что ckeditor предлагает бесплатные плагины, но мне не удалось их поставить.

Как я писал выше заработал только плагин youtube

 

[Esox]

10 часов назад, chukcha сказал:

типа когда я оформляю текст, то я вижу его стилизованным под сайт

 

 

У меня проблема в другом.

Я вставляю картинку и делаю текст обтекающим ее.

Чтоб следующая картинка не налезала на предыдущую, приходится блоками <p>....</p> сдвигать ее вниз.

На разрешениях выше 800 все хорошо, а вот на мобильных устройствах эти <p>....</p> отображаются как массивные пустоты.

Мне никак не решить эту проблему.

 

[Esox]

10 часов назад, ElSch сказал:

config.extraPlugins = 'stylesheetparser' ;

 

 

 

Вот это никак не хочет работать.

Происходит отключение ckeditor в карточке товара.

 

[ElSch]

13 минут назад, Esox сказал:

 

 

У меня проблема в другом.

Я вставляю картинку и делаю текст обтекающим ее.

Чтоб следующая картинка не налезала на предыдущую, приходится блоками <p>....</p> сдвигать ее вниз.

На разрешениях выше 800 все хорошо, а вот на мобильных устройствах эти <p>....</p> отображаются как массивные пустоты.

Мне никак не решить эту проблему.

 

 

Chuckcha - дезинформатор

config.extraPlugins = 'stylesheetparser' ; - это не ваш случай

 

 

[Tom]

23 минуты назад, Esox сказал:

Дело в том, что ckeditor предлагает бесплатные плагины, но мне не удалось их поставить.

Опенкарт тут явно не при делах. У всех плагинов ckeditor , есть "срок годности", если плагин заброшен, то он и не встанет на новые версии редактора.

 

20 минут назад, Esox сказал:

У меня проблема в другом.

Я вставляю картинку и делаю текст обтекающим ее.

Чтоб следующая картинка не налезала на предыдущую, приходится блоками <p>....</p> сдвигать ее вниз.

На разрешениях выше 800 все хорошо, а вот на мобильных устройствах эти <p>....</p> отображаются как массивные пустоты.

Мне никак не решить эту проблему.

Плевать , как это выглядит в редакторе (любом), присваивайте классы, дописывайте стили .

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

 

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

http://joxi.ru/DmBR4Kzi4jZoYm

http://joxi.ru/BA0bOq1TpN7QPm

Здесь.

[chukcha]

5 минут назад, ElSch сказал:

Chuckcha - дезинформатор

Я  попытался быть гадалкой

[Esox]

15 минут назад, Tom сказал:

Опенкарт тут явно не при делах. У всех плагинов ckeditor , есть "срок годности", если плагин заброшен, то он и не встанет на новые версии редактора.

 

Плевать , как это выглядит в редакторе (любом), присваивайте классы, дописывайте стили .

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

 

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

http://joxi.ru/DmBR4Kzi4jZoYm

http://joxi.ru/BA0bOq1TpN7QPm

Здесь.

 

У меня стоит этот плагин.

Я спросил как для него делаются дополнительные шаблоны.

 

а что это за плагин  у вас, зелененький и папочка перед youtube?

 

 

[Tom]

18 минут назад, Esox сказал:

 

У меня стоит этот плагин.

Я спросил как для него делаются дополнительные шаблоны

Перечитайте свой вопрос и сами себе ответьте, как можно было об этом догадаться. Это видимо вопрос для профильного форума по данному редактору.

А на скрине зелёное это плагин иконок fontawesome. Второй не помню, добавляет по-моему новый див блок.

[Esox]

38 минут назад, Tom сказал:

Перечитайте свой вопрос и сами себе ответьте, как можно было об этом догадаться. Это видимо вопрос для профильного форума по данному редактору.

А на скрине зелёное это плагин иконок fontawesome. Второй не помню, добавляет по-моему новый див блок.

Да. Видимо не так сформулировал.

Вообщем понятно, что так никто не заморачивается.

Второй значек это неDIV

Вот DIV:

 

Змінено 15 січня 2021 користувачем Esox

[Esox]

1 час назад, Tom сказал:

Опенкарт тут явно не при делах. У всех плагинов ckeditor , есть "срок годности", если плагин заброшен, то он и не встанет на новые версии редактора.

 

Вы хотите сказать, что плагин под каждую версию?

Какая жуть. Вот уж действительно адский редактор.

 

[Prooksius]

поставьте новый summernote

[Tom]

4 минуты назад, Esox сказал:

 

Вы хотите сказать, что плагин под каждую версию?

Какая жуть. Вот уж действительно адский редактор.

 

Не нужно пытаться натянуть на зебру гусеницы. Вы зачем то придумали прямо говоря блаж и тратите время на нее.

Я выше написал, что достаточно прописать свои классы элементам и потом обыграть их в стилях css. 

[Prooksius]

по-моему в файле
admin\view\javascript\ckeditor\contents.css

Можно прописать свои стили так чтобы в редакторе было так же как на фронте. Я такое делал в одном проекте.

[Esox]

31 минуту назад, Prooksius сказал:

поставьте новый summernote

 

Чем он лучше?

 

[Esox]

28 минут назад, Tom сказал:

Не нужно пытаться натянуть на зебру гусеницы. Вы зачем то придумали прямо говоря блаж и тратите время на нее.

Я выше написал, что достаточно прописать свои классы элементам и потом обыграть их в стилях css. 

 

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

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

 

[Tom]

Куда проще. Открываете офф сайт сетки бутстрап, выбираете нужный "набор" и практически пол дела сделано.

https://getbootstrap.com/docs/4.0/layout/grid/