Редактор Tiptap getAttribute элемента "text" (span)Javascript

Форум по Javascript
Ответить Пред. темаСлед. тема
Anonymous
 Редактор Tiptap getAttribute элемента "text" (span)

Сообщение Anonymous »

Используя редактор TipTap, я хотел бы получить атрибуты выбранного диапазона, однако он всегда дает мне элемент, обертывающий мой выбор.
The editor.getAttribute(nodeType) принимает имя типа узла.
По моим наблюдениям, editor.state.selection.$anchor.node(глубина).type.name всегда возвращает абзац или связанный с ним элемент: . Проблема в том, что определенные стили, примененные с помощью инструментов редактора, добавляются внутри этого абзаца к , который называется узлом типа text.
  • Заменив абзац на текст в editor.getAttribute(nodeType), возвращаемые атрибуты будут пустыми.
  • Увеличение уровня глубины узла в editor.state.selection.$anchor.node(глубина).type.name возвращает неопределенное значение вместо текстового узла, который должен находиться под абзацем.
На практике я хочу получить атрибут цвета выбранного диапазона.
Если выделение содержит 1 или более текстовых узлов, я хочу получить их атрибуты цвета.
В качестве примера я пытаюсь получить такие атрибуты:

Код: Выделить всё

editor.on("selectionUpdate", ({ editor, event }) => {
const selectedElement = editor.state.selection.$anchor.node().type.name; // always "paragraph" while styles I want is appended to its child "text" nodes
const style = editor.getAttributes(selectedElement);
console.log({ style });
});
Есть ли способ или лучший способ вернуть атрибуты диапазона выбора?

Подробнее здесь: https://stackoverflow.com/questions/793 ... an-element
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение
  • Редактор TiptAp в React полосы отмечает элементы при передаче в него текст
    Anonymous » » в форуме Javascript
    0 Ответы
    13 Просмотры
    Последнее сообщение Anonymous
  • Как создать редактор JavaScript, редактор HTML и редактор CSS в HTML?
    Anonymous » » в форуме Android
    0 Ответы
    51 Просмотры
    Последнее сообщение Anonymous
  • Как создать редактор JavaScript, редактор HTML и редактор CSS в HTML?
    Anonymous » » в форуме CSS
    0 Ответы
    55 Просмотры
    Последнее сообщение Anonymous
  • Учитывая этот значок: `<span class="material-symbols-outlined"> check_circle </span>`, при наведении курсора мыши, как м
    Anonymous » » в форуме CSS
    0 Ответы
    49 Просмотры
    Последнее сообщение Anonymous
  • Учитывая этот значок: `<span class="material-symbols-outlined"> check_circle </span>`, при наведении курсора мыши, как м
    Anonymous » » в форуме CSS
    0 Ответы
    36 Просмотры
    Последнее сообщение Anonymous

Вернуться в «Javascript»