無限CkEditor5視圖值

Question

我目前正在嘗試為CkEditor5構建顏色插件，以模仿可用於CkEditor4的插件。

我有一個輸入法，但是將模型值映射到視圖值是我的絆腳石。 系統似乎已設置好，因此每個可能的值都已預先知道並映射了-對於十六進制值，這顯然是不切實際的。

有什么方法可以告訴CkEditor直接使用視圖樣式標簽中的模型值和模型中的視圖值？

Answer 1

我假設您正在使用colorpicker UI創建一個插件。

您將無法將其與可用於CKE5的現有高亮插件相結合。 相反，我建議創建一個新插件。 您可以查看突出顯示插件以查看提供插件需要做什么。

有什么方法可以告訴CKEditor直接使用視圖樣式標簽中的模型值和模型中的視圖值？

是。 您需要設置適當的下轉換（模型->視圖）和上轉換（視圖->模型）轉換。 為此，您將需要提供一個將生成模型/視圖元素的函數。

請參閱文檔以了解downcastAttributeToElement和upcastElementToAttribute() 。 在這些文檔中，有一些有關如何設置使用style屬性值的轉換的示例。 Upcast轉換器顯示了一個更復雜的示例，但是您只需從視圖中返回該值即可。

要添加這樣的轉換器，您需要使用model.Conversion#for..#add結構 ：

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