在 slate js 中添加内联块（数学方程）答案

【问题标题】：Adding inline blocks(math equation) in slate js在 slate js 中添加内联块（数学方程）
【发布时间】：2018-09-02 15:35:48
【问题描述】：

我正在使用 slate js 富文本编辑器，一切都按预期工作。我正在使用单独的编辑器来插入数学方程，它是如何工作的

用户在平板编辑器中编写文本
然后插入方程用户在数学编辑器中编写方程并点击插入方程
点击这个按钮我会添加新的块

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

并通过renderNode函数处理块的渲染

还有一个块继续在编辑器中写作，如change.insertBlock('paragraph')

在功能方面，一切都按预期工作，但由于我将方程作为块石板添加，因此将其呈现在新行中。

我的问题是

【问题讨论】：

插入一个块会将段落分成3个段落。对我有用的技巧是在插入之前将当前段落的数据设置为“内联：真”，并在给定修改后的数据时将段落呈现为{display: 'inline-flex', marginBottom: '1rem'}。
嗨玛瓦！我正在尝试在 SlateJS 中插入方程式。我遇到了一些像数学类型这样的包。但他们并没有对编辑方程给予太多控制。我可以知道你在 slatejs 中插入方程式的方法吗？提前致谢！ :)

【解决方案1】：

使用 CSS 来“显示：内联”。该元素可以是一个块，但仍内联渲染。

【讨论】：