Forums / National / Russian / Модули и плагины / [Plugin] Editorjs

Блочный редактор / парсер для Editor.js

Edward
#1 2024-01-06 09:19

Всем привет и наступившим НГ 🎄

Выкладываю на github плагин для Editor.js

Удобный, современный блочный редактор контента на основе Editor.js

Так и не дождался, пока кто-то сделает)

Плагин: https://github.com/Edd-G/cot-editorjs

На github етсь описание, здесь лишь пару моментов уточню.

  1.  Работает только для Pages. Только 1 экземпляр редактора.
  2. Плагин размечает создаваемые HTML блоки специальными классами. Если у вас уже есть контент, и парсер не найдет нужных классов для разбора, то Editor.js сам попробует разобрать блоки. В большинстве случаев это будет довольно криво. Имейте ввиду.
  3. Доступны для работы только базовые блоки Editor.js. Какие именно - см. описание на Гитхабе. Добавить новые без правки парсера не получится. Только инлайн блоки, если таковые найдутся.
  4. Работает загрузка изображений только с помощью @editorjs/simple-image. Это значит, что добавить картинку получится только бросив ссылку на нее в редактор. Конечно можно кидать ссылки локального сервера.
  5. Загрузки файлов нет. По крайней мере пока не сделали API какого-то файлового менеджера.
  6. Есть проблема с предпросмотром некотрых ссылок в @editorjs/link. Это связано с тем, что ресурс по ссылке под защитой какого-то севриса. вроде Cloudflare.

Добавлю, что PHP парсер - временное решение. В плане перейти на javascript.

Да, плагин хранит данные именно в HTML, не в JSON. Мне это нужно для обратной совмсетимости, мало ли, переключиться на обычный редкатор придется.
Думаю сделаю выбор как хранить, в HTML или в JSON.

Email: ed.gabishev@gmail.com
Telegram: https://t.me/Ed_Gaba
This post was edited by Edward (2024-01-07 11:04, 11 months ago)
vpktz
#2 2024-01-06 15:17

С меня лайк, спасибо за труд в Cotonti!!! С праздником вас! blushyes

Kabak
#3 2024-01-06 17:29

Каково назначение плагина ?  Где он полезен ?

Alex300
#4 2024-01-06 18:45

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

Есть миры, не здесь, там, где небеса горят, и моря засыпают, и реки дремлют; люди сделаны из дыма, а города – из песен. Где-то опасность, где-то несправедливость, даже где-то остыл чай. Идем Эйс, у нас много работы!...
...Sorry for my english...
Бесплатные расширения для Cotonti: https://lily-software.com/free-scripts/
Edward
#5 2024-01-07 11:01

Ок, обновил тему раз уж загуглить лень)

Email: ed.gabishev@gmail.com
Telegram: https://t.me/Ed_Gaba
Kabak
#6 2024-01-07 12:09

1) А в чём отличие от CKEditor ?

2) Чем удобнее чем CKEditor ?

Edward
#7 2024-01-07 17:57
#47672 Kabak:

1) А в чём отличие от CKEditor ?

2) Чем удобнее чем CKEditor ?

Для меня в целом удобнее для работы с большим объемом контента и предсказумости по форматированию больше.

Для вас не знаю.

Не амбассадор ни разработчиков, ни концепции редактора.

В первом сообщении - ссылка на разработчика редактора и скриншот.

Email: ed.gabishev@gmail.com
Telegram: https://t.me/Ed_Gaba
Kabak
#8 2024-01-08 07:11

Благодарю за ваш плагин

Kopusha
#9 2024-01-11 19:31
#47667 Edward:

Выкладываю на github плагин для Editor.js

PHP парсер вполне норм решение - если делать js то может - выбор опциональный?

Пока что расстраивает сильно - это только 1 экземпляр на стр, и наверное то что анонсирована глючность) А так - отличная работа, добить бы до коробки это.

Edward
#10 2024-01-12 08:46
#47685 Kopusha:
#47667 Edward:

Выкладываю на github плагин для Editor.js

PHP парсер вполне норм решение - если делать js то может - выбор опциональный?

Пока что расстраивает сильно - это только 1 экземпляр на стр, и наверное то что анонсирована глючность) А так - отличная работа, добить бы до коробки это.

Да, конечно можно сделать на выбор.

Глючность касается только модуля превью ссылок @editorjs/link.

Можно обойти 2-мя путями:

1. Т.к. для подтягивания инфы о сайте делается на стороне сервера, сейчас с помощь cURL, то можно поставить кастомный cURL для обхода Cludflare. Но это не гарантирует все равно, что абсолютно все ссылки будут обработаны правильно. Т.к. кроме Cloudflare есть куча других прокси/защит.

2. Перенести загрузку META о сайте на сторону клиента. Самый верный вариант, не знаю почему он не сделан разработчиками Editorjs по умолчанию.
В этом случае придется переписать сам модуль для Editor - @editorjs/link

Email: ed.gabishev@gmail.com
Telegram: https://t.me/Ed_Gaba
Sergeich
#11 2024-03-13 10:53

Спрошу здесь. Зачем он такие безумные конструкции классов городит? Это как-то настраивается?  

А вообще прикольный редактор.

Edward
#12 2024-04-01 19:33
#47855 Sergeich:

Спрошу здесь. Зачем он такие безумные конструкции классов городит? Это как-то настраивается?  

А вообще прикольный редактор.

Спрошу в ответ: что значит безумные конструкции? В описании есть, зачем. Блоки для семантики, классы для обратного разбора в блоки EditorJS.

Посмотрел, да, можно почистить от лишних стилей заголовки, параграфы и списки. Может еще что-то.

Взял за основу уже имеющийся класс-парсер. Пока нет нужды заниматься оптимизацией.

Если есть желание почистить лишние классы, сам парсер здесь: https://github.com/Edd-G/editorjs-simple-html-parser

Email: ed.gabishev@gmail.com
Telegram: https://t.me/Ed_Gaba
This post was edited by Edward (2024-04-02 18:47, 8 months ago)