[Plugin] Editorjs

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

Edward	#1 2024-01-06 09:19
Members Thanked: 29 times	Всем привет и наступившим НГ 🎄 Выкладываю на github плагин для Editor.js Удобный, современный блочный редактор контента на основе Editor.js Так и не дождался, пока кто-то сделает) Плагин: https://github.com/Edd-G/cot-editorjs На github етсь описание, здесь лишь пару моментов уточню. Работает только для Pages. Только 1 экземпляр редактора. Плагин размечает создаваемые HTML блоки специальными классами. Если у вас уже есть контент, и парсер не найдет нужных классов для разбора, то Editor.js сам попробует разобрать блоки. В большинстве случаев это будет довольно криво. Имейте ввиду. Доступны для работы только базовые блоки Editor.js. Какие именно - см. описание на Гитхабе. Добавить новые без правки парсера не получится. Только инлайн блоки, если таковые найдутся. Работает загрузка изображений только с помощью @editorjs/simple-image. Это значит, что добавить картинку получится только бросив ссылку на нее в редактор. Конечно можно кидать ссылки локального сервера. Загрузки файлов нет. По крайней мере пока не сделали API какого-то файлового менеджера. Есть проблема с предпросмотром некотрых ссылок в @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, 3 months ago)

Edward

#1 2024-01-06 09:19

Members
Thanked: 29 times

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

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

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

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

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

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

Работает только для Pages. Только 1 экземпляр редактора.
Плагин размечает создаваемые HTML блоки специальными классами. Если у вас уже есть контент, и парсер не найдет нужных классов для разбора, то Editor.js сам попробует разобрать блоки. В большинстве случаев это будет довольно криво. Имейте ввиду.
Доступны для работы только базовые блоки Editor.js. Какие именно - см. описание на Гитхабе. Добавить новые без правки парсера не получится. Только инлайн блоки, если таковые найдутся.
Работает загрузка изображений только с помощью @editorjs/simple-image. Это значит, что добавить картинку получится только бросив ссылку на нее в редактор. Конечно можно кидать ссылки локального сервера.
Загрузки файлов нет. По крайней мере пока не сделали API какого-то файлового менеджера.
Есть проблема с предпросмотром некотрых ссылок в @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, 3 months ago)

vpktz	#2 2024-01-06 15:17
Members Thanked: 8 times	С меня лайк, спасибо за труд в Cotonti!!! С праздником вас!

Kabak	#3 2024-01-06 17:29
Members Thanked: 34 times	Каково назначение плагина ? Где он полезен ?

Alex300	#4 2024-01-06 18:45
Administrators Thanked: 200 times	Было бы здорово добавить его в раздел расширений. На форуме затеряется. Ну и более подробное описание о том, для чего он нужен ) Есть миры, не здесь, там, где небеса горят, и моря засыпают, и реки дремлют; люди сделаны из дыма, а города – из песен. Где-то опасность, где-то несправедливость, даже где-то остыл чай. Идем Эйс, у нас много работы!... ...Sorry for my english... Бесплатные расширения для Cotonti: https://lily-software.com/free-scripts/

Alex300

#4 2024-01-06 18:45

Administrators
Thanked: 200 times

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

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

Edward	#5 2024-01-07 11:01
Members Thanked: 29 times	Ок, обновил тему раз уж загуглить лень) Email: ed.gabishev@gmail.com Telegram: https://t.me/Ed_Gaba

Kabak	#6 2024-01-07 12:09
Members Thanked: 34 times	1) А в чём отличие от CKEditor ? 2) Чем удобнее чем CKEditor ?

Edward	#7 2024-01-07 17:57
Members Thanked: 29 times	#47672 Kabak: 1) А в чём отличие от CKEditor ? 2) Чем удобнее чем CKEditor ? Для меня в целом удобнее для работы с большим объемом контента и предсказумости по форматированию больше. Для вас не знаю. Не амбассадор ни разработчиков, ни концепции редактора. В первом сообщении - ссылка на разработчика редактора и скриншот. Email: ed.gabishev@gmail.com Telegram: https://t.me/Ed_Gaba

Edward

#7 2024-01-07 17:57

Members
Thanked: 29 times

#47672 Kabak:
1) А в чём отличие от CKEditor ?

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

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

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

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

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

Email: ed.gabishev@gmail.com
Telegram: https://t.me/Ed_Gaba

Kabak	#8 2024-01-08 07:11
Members Thanked: 34 times	Благодарю за ваш плагин

Kopusha	#9 2024-01-11 19:31
Members Thanked: 80 times	#47667 Edward: Выкладываю на github плагин для Editor.js PHP парсер вполне норм решение - если делать js то может - выбор опциональный? Пока что расстраивает сильно - это только 1 экземпляр на стр, и наверное то что анонсирована глючность) А так - отличная работа, добить бы до коробки это.

Kopusha

#9 2024-01-11 19:31

Members
Thanked: 80 times

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

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

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

Edward	#10 2024-01-12 08:46
Members Thanked: 29 times	#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

Edward

#10 2024-01-12 08:46

Members
Thanked: 29 times

#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
Contributors Thanked: 15 times	Спрошу здесь. Зачем он такие безумные конструкции классов городит? Это как-то настраивается? А вообще прикольный редактор.

Edward	#12 2024-04-01 19:33
Members Thanked: 29 times	#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, 3 weeks ago)

Edward

#12 2024-04-01 19:33

Members
Thanked: 29 times

#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, 3 weeks ago)