我们在项目开发过程中,会一直使用至富文本编辑器。GeneXus外置的富文本编辑器FCK Html Editor使用上去十分便捷,只要将页面变量的控件类别(Control Type)选择为FCK Html Editor即可。

  如下图所示:

  运行疗效如下:

  GeneXus的富文本编辑器集成的是CKEditor 4,而CKEditor是十分强悍且可以扩充这些功能的,那么在GeneXus中怎样对富文本编辑器进行功能扩充呢?

  我们以一个例子来说明吧。现在默认的富文本编辑器是没有设置列宽的这个功能的typecho 富文本编辑器,我们在CKEditor是可以搜索至Line Height()这个插件的,接下来我们看一下怎样将它加入至GeneXus的富文本编辑器中。

  1. 下载Line Height插件,然后复制至代码目录下CKEditor控件的plugins文件夹中。

  例如,我选择的Java环境进行检测,如下图所示。

  2. 新建一个js文件,例如myconfig.js,里面添加代码:

  <pre>CKEDITOR.config.extraPlugins = 'lineheight';
</pre>

  将文件置于CKeditor控件目录下,如下图所示:

  3. 在FCK Html Editor控件的Custom Configuration属性关联昨天构建的js文件。

  4. 然后运行就可以啦,运行疗效如下。可以看见我们页面上的富文本编辑器的工具栏中就多了一个行宽度的设置功能。

  除此之外呢,我再补充说明几点:

  1) 我们是可以一次添加这些插件的,只须要在myconfig.js文件中加入对应的配置代码就可以了typecho 富文本编辑器,CKEditor有很多的扩充功能,大家可以按照自己的还要进行下载使用;

  2) 在实际使用过程中,我会把myconfig.js文件置于GeneXus的文件中,这样此js文件才会手动复制至指定的目录,就不用怀疑今后忘掉了。如下图:

  3) 上面实例中的LineHeight插件,我下载出来后,默认显示是法语的,我看了一下源代码,加入了英文,供你们参考。

  ●在LineHeight对应的plugin.js文件中,加入英文标示

  ●在语言包中,加入须要翻译的英文(参考它自带的其他语言文件格式,修改一下即可)

  此篇文章参考的Wiki链接:

  ,Custom%20configuration%20of%20FCK%20HTML%20Editor

Last modification:December 15th, 2020 at 03:03 am
如果觉得我的文章对你有用,请随意赞赏