在Flex中添加富文本编辑器

在普通Web中,有很多富文本编辑器可以应用,比如CKEditor、kindEditor等,但是在富客户端,基本上很难看见。

这里就推荐一个开源的并已经编译为swc的富文本编辑器,先看效果

 

在Flex中添加富文本编辑器_第1张图片

这里使用该编辑器并不难,主要是在Flex中配置该编辑器有些注意点:

1、首先在github上下载需要的文件https://github.com/wouterverweirder/AS3-CKEditor

2、将下载的文件解压,并将as3-ckeditor\bin文件夹下的as3-ckeditor.swc添加到你的Flex项目中

3、将as3-ckeditor-demo-flex\html-template下的index.template.html文件覆盖flex项目下html-template文件夹的同名文件,并在该文件中添加一条语句:params.wmode="opaque";(如果你是Flex Web项目,一定要加这行代码)如图:

在Flex中添加富文本编辑器_第2张图片

4、将as3-ckeditor-demo-flex\src下的js文件拷贝至和主应用程序同一目录下。注意,这点非常重要,如果没有这样做是不会显示什么内容的。在Flex中添加富文本编辑器_第3张图片

配置完成,接下来就是在主应用程序中显示该组件即可:

在Flex中添加富文本编辑器_第4张图片

运行程序就可以显示出上面那种效果。

 

不正之处,欢迎指正,谢谢。

你可能感兴趣的:(Flex)