我們在項目開發過程中，會經常使用到富文本編輯器。GeneXus內置的富文本編輯器FCK Html Editor使用起來非常方便，只要將頁面變量的控件類型(Control Type)選擇為FCK Html Editor即可。

如下圖所示：

?運行效果如下：

?GeneXus的富文本編輯器集成的是CKEditor 4，而CKEditor是非常強大且可以擴展很多功能的，那么在GeneXus中如何對富文本編輯器進行功能擴展呢？

我們以一個實例來說明吧。現在默認的富文本編輯器是沒有設置行高的這個功能的，我們在CKEditor是可以搜索到Line Height(https://ckeditor.com/cke4/addon/lineheight)這個插件的，接下來我們看一下如何將它加入到GeneXus的富文本編輯器中。

1. 下載Line Height插件，然后復制到代碼目錄下CKEditor控件的plugins文件夾中。

例如，我選擇的Java環境進行測試，如下圖所示。

2. 新建一個js文件，例如myconfig.js，里面添加代碼：

CKEDITOR.config.extraPlugins = 'lineheight';

將文件放在CKeditor控件目錄下，如下圖所示：

3. 在FCK Html Editor控件的Custom Configuration屬性關聯剛剛建立的js文件。

4. 然后運行就可以啦，運行效果如下。可以看到我們頁面上的富文本編輯器的工具欄中就多了一個行間距的設置功能。

除此之外呢，我再補充說明幾點：

1)? 我們是可以一次添加很多插件的，只需要在myconfig.js文件中加入對應的配置代碼就可以了，CKEditor有很多的擴展功能，大家可以根據自己的需要進行下載使用；

2)? 在實際使用過程中，我會把myconfig.js文件放在GeneXus的文件中，這樣此js文件就會自動復制到指定的目錄，就不用擔心將來忘記了。如下圖：

3)? 上面例子中的LineHeight插件，我下載下來后，默認顯示是英語的，我看了一下源代碼，加入了中文，供大家參考。

　　●在LineHeight對應的plugin.js文件中，加入中文標識

　　●在語言包中，加入需要翻譯的中文(參考它自帶的其他語言文件格式，修改一下即可)

此篇文章參考的Wiki鏈接：https://wiki.genexus.com/commwiki/servlet/wiki?27961,Custom%20configuration%20of%20FCK%20HTML%20Editor

總結

以上是生活随笔為你收集整理的富文本编辑器中空格转化为a_如何对富文本编辑器（FCK Html Editor）的工具栏进行扩展？...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。