微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

CKEditor5 - 让 Mention 与 Markdown 一起工作

如何解决CKEditor5 - 让 Mention 与 Markdown 一起工作

我正在使用 ckeditor5 并尝试使 Mention 插件与 Markdown 插件一起工作。目前,添加 @mention 有效,但它被 editor.getData() 简单地导出为 @mention,并且使用 data = '@mention' 实例化编辑器不会导致包解析此数据作为编辑器中的提及。

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

我不知道如何做到这一点,我是 ckeditor5 的新手,包的架构很复杂,很难添加自定义。我知道我可以创建向上和向下转换的转换器,但我找不到任何用于匹配文本并将其插入模型的内容

有谁知道我是如何做到这一点的?

解决方法

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。