Добавление встроенных блоков (математическое уравнение) в сланце JS

Я использую Slate JS Rich Text Editor, все работает как положено. Я использую отдельный редактор для вставки математического уравнения, как это работает

  1. Пользователь пишет текст в редакторе сланца
  2. Затем, чтобы вставить уравнение, пользователь записывает уравнение в редакторе математики и нажимает на кнопку вставить уравнение.
  3. По нажатию этой кнопки я добавляю новый блок, как

    change.insertInline({ type: 'equation', data: { math: editor.getMathML() } })

и обработка рендера блока функцией renderNode

и еще один блок, чтобы продолжить писать в редакторе, как change.insertBlock('paragraph')

По функциональности все работает, как и ожидалось, но так как я добавляю уравнение в виде блочного листа, то рендерим его в новой строке.

Мои вопросы

  1. Как я могу сделать customBlock в той же строке
  2. Есть ли другой способ продолжить редактирование в том же редакторе, кроме change.insertBlock('paragraph')

1 ответ

Используйте CSS для "отображения: встроенный". Элемент может быть блоком, но по-прежнему отображаться как встроенный.

Другие вопросы по тегам