无界CkEditor5视图值

Question

我目前正在尝试为CkEditor5构建一个颜色插件，以模仿CkEditor4可用的颜色插件。

我有一个输入方法，但是将模型值映射到查看值是我的绊脚石。系统的建立似乎是为了预先知道和映射每一个可能的值--对于十六进制值来说，这显然是不切实际的。

有没有办法告诉CkEditor直接使用视图样式标记中的模型值和模型中的视图值？

Answer 1

我假设您正在创建一个带有颜色选择UI的插件。

您将无法将其与现有的CKE5高亮插件相结合。相反，我建议创建一个新的插件。你可以查看高亮插件，看看需要做什么来提供插件。

有没有办法告诉CKEditor直接使用视图样式标记中的模型值和模型中的视图值？

是。您需要设置适当的下播(模型->视图)和上播(视图->模型)转换。为此，您需要提供一个函数，该函数将生成一个模型/视图元素。

请参阅downcastAttributeToElement和upcastElementToAttribute()的文档。在这些文档中，有关于如何设置使用style属性值的转换的示例。上播转换器显示了一个更复杂的示例，但您可以简单地从视图返回值。

要添加这样的转换器，您需要使用 construction

• editor.conversion.for( 'downcast' ).add( downcastAttributeToElement( downcastConfig ) )
• editor.conversion.for( 'upcast' ).add( upcastElementToAttribute( upcastConfig ) )