Публикации по теме 'prosemirror'


Цвета курсора с Prosemirror + Yjs
Сократите техническую сложность, сосредоточившись на пользовательском опыте. Избегайте ненужного общего состояния при совместном редактировании. Фреймворк Yjs добавляет передовые возможности совместного редактирования в ванильные текстовые редакторы Prosemirror. Он превращает процесс сохранить и закрыть в режим, в котором многие пользователи пишут все одновременно. Ключевым элементом совместного редактирования является отображение курсоров других пользователей , чтобы можно..

Повышение производительности позиционеров Remirror
Отказ от пользовательского ввода для предотвращения задержки при использовании позиционеров с Remirror (Prosemirror) Позиционеры — одна из мощных функций Remirror : они упрощают позиционирование контента относительно текста в редакторе. От всплывающих меню над выделенным текстом до отображения комментариев на боковой панели вверху в виде комментируемого текста — нет предела возможностям. На самом деле существует ограничение: по умолчанию Remirror пересчитывает положение позиционера..

Перетаскиваемые блоки текстового редактора в стиле Notion с помощью TipTap/Prosemirror
Узнайте, как использовать пользовательскую схему в TipTap/Prosemirror, чтобы воссоздать пользовательский интерфейс в стиле понятий с помощью перетаскиваемых блоков. Основная цель редакторов форматированного текста — предоставить пользователям возможность создавать форматированный текст. Однако эта цель уже мешает созданию перетаскиваемых блоков. Текстовые блоки по умолчанию не перетаскиваются, поскольку это мешает выделению текста. В этой статье вы узнаете, как создать корневой блок,..

Стилизация выбранных узлов в Remirror
Совет: используйте теневой блок для настройки внешнего вида выбранных узлов в редакторе Remirror. Remirror позволяет создавать текстовые редакторы для React-приложений. Под капотом он основан на потрясающем наборе инструментов Prosemirror. Основной концепцией Remirror являются ReactNodeViews , которые позволяют разработчикам добавлять пользовательские узлы в документ. Например, документ Remirror может включать карточку пользователя с фотографией, именем и т. д. пользователя. В..