Встроить современный редактор Lexical для более удобной работы с текстами

InstantCMS 2.X

Очень удобный современный редактор, который постоянно развивается

#1 2 февраля 2026 в 09:15

Друзья, есть классный редактор Lexical, который постоянно развивается как более современная концепция редакторов. В нем можно удобно делать многое, в том числе менять местами текстовые блоки и т.д. Пример playground.lexical.dev/ — по сути он объединяет функции стандартных редакторов и EditorJS по UX и функционалу.

Также на основе него есть толковый форк shadcn-editor.vercel.app/docs/installation  пример здесь shadcn-editor.vercel.app/blocks

Кто может помочь встроить, так как точно пора менять устаревший imperavi?

Изображение

наличие голосового набора вообще очень классная фича, которая отлично распознает голос и пишет тексты без ошибок. Остается только знаки препинания расставить) Из основного, что добавить — так это обработка ссылок с видеохостингов Рутуб, Вконтакте, Дзен, Кинескоп, который вероятно решается присоединением типографа движка:) 

Друзья, есть еще желающие присоединиться может складчину орагнизовать?)

#2 7 февраля 2026 в 15:35

Так то да, на вид удобная штука. Но он написан на React. Это если бы шаблоны под instantcms были тоже на React. ХЗ, стоит ли оно того, чтоб в Bootstrap 3 запихивать React.

#3 7 февраля 2026 в 21:13

Fuze написал, что такую интеграцию можно сделать. Помню как ранее встраивали имперави вскладчину:) Здемь можно пойти по такому же пути.

#4 7 февраля 2026 в 22:48

Лучше сперва на Bootstrap 5 шаблон перевести, туда органично можно вписать любую приблуду на React или ещё чём

Fuze написал, что такую интеграцию можно сделать

Def

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

Здемь можно пойти по такому же пути.

Def

дерзайте. я и рубля не скину в эту бессмысленную авантюру, по крайней мере пока шаблоны на Bootstrap 3.

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

#5 8 февраля 2026 в 00:47

Bootstrap 3

Dublic

Modern на 4ке вообще то.

Но он написан на React. Это если бы шаблоны под instantcms были тоже на React

Dublic

А при чём тут Реакт и шаблон вообще?

#6 8 февраля 2026 в 01:00

Modern на 4ке вообще то.

Fuze

да-да, только что увидел, но разницы не много между 3 и 4

А при чём тут Реакт и шаблон вообще?

Fuze

Lexical же на React написан, много разнородных сущностей (нативJS, React, jqery), на мой взгляд 5-ка более удобная в плане интеграций

#7 8 февраля 2026 в 09:46

я и рубля не скину в эту бессмысленную авантюру,

Dublic

Здесь сообщество без принуждений, поэтому данный комментарий излишний🙌

Я с удовольствием поучаствую во внедрении. 

#8 8 февраля 2026 в 12:14

но разницы не много между 3 и 4

Dublic

Всего лишь в ключевом подходе, а так да, никакой, css, да css)

Lexical же на React написан, много разнородных сущностей (нативJS, React, jqery)

Dublic

И? Да хоть на паскале, который запустится в эмуляторе на js.

на мой взгляд 5-ка более удобная в плане

Dublic

Посмотрите план миграции с 4 на 5. Переделать шаблон на 5й бутстрап не проблема. Но

да вот времени жалко, полно дел и без этого

Dublic
#9 8 февраля 2026 в 18:30

Посмотрите план миграции с 4 на 5. Переделать шаблон на 5й бутстрап не проблема. Но

Fuze

да, я тоже сегодня посмотрел по миграции. надо подумать… 😊

ВОПРОС: если вы планируете миграцию, то будут ли значительные изменения в шаблоне?

и ещё… т.к. я с Bootstrap лет 5 дел не имел. Получится ли мигрировать «накатами» в несколько этапов? Многое отвалится при выкидывании JQuery?

Добавлено спустя 3 минуты

Я с удовольствием поучаствую во внедрении. 

Def

в целом то, если Bootstrap5, то прям прекрасная (восхитительная!) идея, заменить Tinymce на Lexical

Добавлено спустя 8 минут

ну и ещё момент. А как в instantcms компилировать TS (Lexical)? Или скомпилировал TS в NodeJS и уже нативJS засунул в instantcms?

#10 21 февраля 2026 в 23:20

Друзья, сейчас формирую ТЗ для встраивания редактора. Есть какие пожелания помимо стандартного встраивания, чтобы поддерживались как стандартные редакторы, так и подобные JS, так как важно сохранить совместимость, чтобы в базе хранилась текстовая информация и учитывался типограф системы и при жтом фишки нового редактора? 

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

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

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

Похожие темы

Похожее в блогах

🍪Мы используем файлы cookie для работы сайта. Читать подробнее.