CKEditor5 - 使 Mention 与 Markdown 一起工作答案

【问题标题】：CKEditor5 - Making Mention work together with MarkdownCKEditor5 - 使 Mention 与 Markdown 一起工作
【发布时间】：2021-05-05 12:09:38
【问题描述】：

我正在使用 CKEditor5 并试图使 Mention 插件与 Markdown 插件一起工作。目前，添加@mention 是可行的，但它通过 editor.getData() 简单地导出为@mention，并且使用 data = '@mention' 实例化编辑器不会导致包将这些数据解析为编辑器中的提及。

理想情况下，我希望有一个转义的 Markdown 内联块，例如 {objectName[objectId]} 作为数据输入，然后将其作为 MentionAttribute 向上转换到模型。对于向下转换，需要找到这些 MentionAttributes 并将它们向下转换为正确的语法。

我不知道该怎么做，我是 CKEditor5 的新手，包的架构很复杂，很难添加自定义。我知道我可以创建向上转换和向下转换的转换器，但是我找不到任何可以匹配文本并将其插入模型的东西。

有谁知道我如何做到这一点？

【问题讨论】：

标签： javascript reactjs ckeditor ckeditor5

【解决方案1】：

我能够通过以下方式完成这项工作：

将编辑器用作受控组件
为我们的 markdown 格式的提及实现自定义语法
将 Markdown 转换为模型层可解释的 HTML（包括 Mention 插件使用的提及语法）传递给编辑器包装器的数据道具
在 onChange 事件中，将转换回 Markdown 的 HTML 传递给控制器

【讨论】：