Flex富文本编辑器

    近来在开发一个应用项目中，遇到一个富文本编辑框的问题，没想到这个问题在flex居然没有很好解决方案的。十分郁闷。

    后来经过颠颠簸簸，我还是找到一个fckeditor的软件，这个是一个swc的flex_fck_editor_0.1。这个是是一个不错的工具，但是问题也不少。

    第一个问题，就是wmode不可以用windows模式，那么flex的运行效率就很低，还会出现残影，这个是非常关键的问题；

    第二个问题，就是把wmode调节成opaque后富文本编辑工具的，居然不可以跟着flex的滚动条拖动，永远浮现在flex层面上。

 

    但是没办法，只能勉强嵌入这个工具。

    经过多次测试还是没办法跟随拖动的，但是我发现我是完全有能力控制它的呈现和消失。

    我就把相关程序封装在一个canvas里面，由这个控件控制它的打开和关闭

   <?xml version="1.0" encoding="utf-8"?> <BaseSimpleCanvas xmlns="com.shine.framework.view.*" xmlns:fck="http://www.happy-banana.be/fck" xmlns:mx="http://www.adobe.com/2006/mxml" horizontalScrollPolicy="off" verticalScrollPolicy="off"> <mx:Script> <!--[CDATA[ private var _htmlText:String; public var oWidth:int; public var oHeight:int; public function set htmlText(value:String):void { fckEditor.htmlText=value; this._htmlText=value; } public function get htmlText():String { _htmlText=fckEditor.htmlText; return _htmlText; } public function show():void { this.width=this.oWidth; this.height=this.oHeight; fckEditor.width=this.oWidth; fckEditor.height=this.oHeight; fckEditor.visible=true; } public function hide():void { this.width=0; this.height=0; fckEditor.width=0; fckEditor.height=0; fckEditor.visible=false; } ]]--> </mx:Script> <fck:FCKEditor width="100%" height="100%" id="fckEditor"/> </BaseSimpleCanvas>  

 

   程序效果图：

 

如果有对这个有兴趣朋友可以交流一下