Quill в Next.js App Router, editor, autosave и HTML viewer с подсветкой кода

WYSIWYG-редактор в Next.js App Router затрагивает несколько слоев приложения. Quill работает с DOM и browser API, поэтому сам редактор живет на клиенте. Контент нужно хранить отдельно от экземпляра Quill, передавать в компонент при смене сущности, сохранять на сервер и затем показывать без toolbar и режима редактирования. Если хранить результат Quill как HTML, редактор и viewer могут работать с одной строкой contentHtml. Editor меняет HTML через onChange. Autosave отправляет новую версию после…

Описание из RSS. Читать у источника →

Читайте также

Похожие новости

[Habr] · Москва

Как показать чужому человеку живую админку магазина и не раскрыть данные покупателей

Если вам нужно дать постороннему человеку войти в админку работающего интернет-магазина на Next.js, а данные покупателей не показывать, коп…

29.10, 16:40 · 1 мин

[Habr] · Забайкальский край

React Context без лишних ререндеров: подписка на отдельные поля

Знакомая ситуация: в контексте лежат два поля, скажем, name и age. Меняется age, и ререндерится компонент, который читает только name. У us…

Вчера, 16:21 · 1 мин

[Habr] · Забайкальский край

vue-llm: AI SDK для Vue и Nuxt — стриминговый чат, Generative UI и модели прямо в браузере

Если вы делали AI-фичу на Vue, то, скорее всего, сталкивались с одним и тем же: большинство готовых инструментов для LLM-интерфейсов написа…

29.10, 20:35 · 1 мин

[Habr] · Забайкальский край

Ручная инвалидация рендера как осознанный антипаттерн в React

Во время разработки библиотеки morphing-scroll я пришёл к необычному способу организации локальных данных в React-компоненте. Это не было з…

28.10, 18:12 · 1 мин

[Habr] · Москва

Заметочник для Windows на Markdown без WebView: C#, Avalonia и AvaloniaEdit, запуск за секунду

Я хотел заметочник, где заметки — обычные .md-файлы в обычной папке, есть [[ссылки]] с обратными ссылками и поиск, а текст сразу выглядит о…

30.10, 23:20 · 1 мин