Описание тега prose-mirror

ProseMirror - это встроенный в браузер компонент семантического редактора форматированного текста.
6 ответов

Сборка и запуск ProseMirror

Я хочу создать сайт, который будет использовать WYSIWYG, например, ProseMirror. Их документация немного ясна, что пока не все так просто построить, поскольку они в первую очередь сосредоточены на других частях разработки. Тем не менее, они предостав…
04 апр '18 в 08:20
0 ответов

Шифер против ProseMirror

Мне нужно создать расширенный текстовый редактор для моего приложения React. После месяца игры с Draft.js я обнаружил, что он недостаточно настраиваем, чтобы соответствовать моим потребностям. Я выбираю между Slate и ProseMirror. Каковы плюсы и мину…
1 ответ

Невозможно заставить совместное редактирование работать с помощью Prosemirror

Я использую prosemirror для создания редактора для совместной работы, где несколько человек могут редактировать один документ. Я написал следующий код, основываясь на приведенном здесь примере - http://prosemirror.net/docs/guides/collab/ Вот код con…
05 июн '17 в 09:35
2 ответа

prosemirror: преобразование вывода JSON в HTML

Я пытаюсь преобразовать вывод JSON ProseMirror обратно в HTML (чтобы сохранить его из одной БД в другую). Я новичок в ProseMirror и не уверен, что полностью понимаю связь между моделью, состоянием и схемой. Судя по тому, что я прочитал, https://gith…
07 сен '18 в 19:34
0 ответов

Панель инструментов редактора Prosemirror неполна в Angular 6

Я интегрировал ProseMirror в свой Angular 6 в качестве текстового редактора, используя директивы, как показано ниже: import { BrowserModule } from '@angular/platform-browser'; import { NgModule, Injector } from '@angular/core'; import { ProsemirrorM…
03 сен '18 в 03:07
0 ответов

Редактор Prosemirror в приложении Angular 6

Я обнаружил, что ProseMirror имеет отличные возможности редактирования. Я пытаюсь установить в своем веб-приложении Angular 6 через cli. Есть реализации для Angular 2 и JS. Кто-нибудь успешно установил ProseMirror в Angular 6? кто-нибудь может мне п…
19 авг '18 в 06:23
0 ответов

Как передать все события мыши через абсолютно позиционированный элемент?

pointer-events это не решение Я пытаюсь расположить компоненты React (например, hover=tooltip, dblclick=toolbar) поверх редактора ProseMirror. Удобный метод, который я нашел, состоит в том, чтобы создавать виджеты, абсолютно позиционируемые над соот…
1 ответ

Как сделать дочерний контент узла динамически недоступным для редактирования в ProseMirror?

Я создал схему документа, которая включает в себя captioned_image тип узла, который ссылается на изображение в отдельной CMS. Изображение имеет подпись и кредит, который я хотел бы редактировать в документе. Когда пользователь редактирует содержимое…
02 дек '16 в 19:52
1 ответ

Представление DOM документа в HTML: родственные текстовые узлы

Я прочитал это заявление от @Bergi в очень старом комментарии, обсуждающем nextSibling значение: x.nextSibling, скорее всего, будет не диапазоном, а текстовым узлом разрыва строки между элементами img и span Пример, на который ссылался @Bergi, предс…
27 мар '18 в 23:53
0 ответов

ProseMirror: Как добавить классы и данные в текст?

Попытка использовать невероятно профессионально выглядящий редактор WYSIWYM ProseMirror, чтобы помечать слова в текстовом поле с помощью идентификаторов и придавать помеченным словам цвет фона. Например The horses took off ... может привести к HTML:…
10 сен '18 в 21:47
1 ответ

Как я могу предотвратить вмешательство Vuex в мой экземпляр класса?

Я пытаюсь сохранить экземпляр класса в Vuex (EditorState из ProseMirror). Этот класс более или менее неизменен извне, что означает, что всякий раз, когда я хочу внести в него изменения, я просто помещу новый экземпляр класса в Vuex. Поэтому мне не н…
02 июн '19 в 08:27
0 ответов

Создайте новое текстовое поле, нажав ввод, используя расширение подсказки vue-cli

Я использую расширение tiptap, которое представляет собой текстовый редактор для Vue. И я хочу создавать новое текстовое поле каждый раз, когда я нажимаю ввод. Но я не могу найти решение для этого. Вот ссылка на подсказку: https://github.com/scrumpy…
02 июл '19 в 15:24
0 ответов

Таблицы ProseMirror-Markdown не отображаются должным образом

Мне нужна поддержка таблиц с помощью текстового редактора ProseMirror-Markdown в приложении Angular, которое я сейчас разрабатываю. Я немного застрял. Я решил пойти с prosemirror-markdown и его MarkdownSerializer из-за существующей функциональности …
21 авг '19 в 16:42
1 ответ

Перейти на строку вниз в contenteditable

У меня есть редактируемый элемент содержимого, и я пытаюсь ввести некоторые ключевые команды для перемещения курсора в нем (привязки клавиш vim). Я изо всех сил пытаюсь добавить базовые движения вверх и вниз (j & k), что было бы эквивалентно нажатию…
03 сен '19 в 18:26
1 ответ

Как получить глубоко вложенную структуру объекта из массива значений с помощью Javascript

У меня есть JSON, представляющий некоторый контент в текстовом редакторе. Вот образец: { "type": "doc", "content": [ { "type": "paragraph", "content": [ { "type": "text", "marks": [ { "type": "bold" } ], "text": "Testing" }, { "type": "text", "text"…
06 окт '19 в 23:59
1 ответ

простое расширение tiptap или плагин prosemirror

Я хотел бы использовать редактор tiptap для vuejs, которые работают с редактором prosemirror. Я много читал о tiptap, но документация не самая лучшая, а сама программа prosemirror очень сложна для меня. Я надеюсь, что вы можете мне помочь. Я бы хоте…
04 мар '20 в 14:21
3 ответа

Положение каретки и высота выделения для встроенных элементов в Chrome

Я собираюсь создать редактор с Slate или ProseMirror и вижу какое-то странное поведение с Chrome вокруг положения курсора и области выбора при использовании встроенного элемента. Выпуск 1 показан на первом рисунке ниже. Когда положение текстового ку…
21 апр '20 в 01:04
1 ответ

tiptap prosemirror должен редактировать только определенные узлы

Я пытаюсь сделать редактор с подсказкой (prosemirror), где весь контент по умолчанию не редактируется. Только мои настраиваемые узлы (например<var-input>) должен быть доступен для редактирования. Например: <p>This is a non editable text&…
24 июн '20 в 18:20
1 ответ

Расширение Tiptap для изображений и редактируемых подписей

введите описание изображения здесь Я хочу реализовать изображение и редактируемую подпись с расширением tiptap https://discuss.prosemirror.net/t/figure-and-editable-caption/462 Был очень хороший пример с ProseMirror, но сложно ли этого добиться с по…
25 ноя '19 в 03:56
1 ответ

ProseMirror: использование "дыр"/contentDOM при возврате узлов DOM из `.toDOM`

В ProseMirror .toDOM Метод схемы обычно возвращает вложенный массив, который описывает, как визуализировать узел в DOM, аналогично структуре данных "виртуальный дом". Эта структура данных также может содержать то, что ProseMirror называет "дырой", п…
16 янв '20 в 15:30