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

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

Определение:

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

Официальная документация описывает ProseMirror как:

Идеальный редактор контента создает структурированные, семантически значимые документы, но делает это таким образом, чтобы пользователи могли их легко понять. ProseMirror пытается преодолеть разрыв между редактированием текста Markdown и классическими редакторами WYSIWYG.

Это достигается за счет реализации интерфейса редактирования в стиле WYSIWYG для документов, более ограниченных и структурированных, чем простой HTML. Вы можете настроить форму и структуру документов, создаваемых вашим редактором, и адаптировать их к потребностям вашего приложения.

Пример использования:

import {EditorState} from "prosemirror-state"
import {EditorView} from "prosemirror-view"
import {Schema, DOMParser} from "prosemirror-model"
import {schema} from "prosemirror-schema-basic"
import {addListNodes} from "prosemirror-schema-list"
import {exampleSetup} from "prosemirror-example-setup"

const mySchema = new Schema({
    nodes: addListNodes(schema.spec.nodes, "paragraph block*", "block"),
    marks: schema.spec.marks
})

window.view = new EditorView(document.querySelector("#editor"), {
    state: EditorState.create({
        doc: DOMParser.fromSchema(mySchema).parse(document.querySelector("#content")),
        plugins: exampleSetup({schema: mySchema})
    })
})

https://stackru.com/images/10e787bdd4aff5e5cda0323d5f0c73f6b1ee4aa9.png

Важные ссылки: