Ext中使用FCK
程序员文章站
2022-03-20 12:11:24
...
Ext自己带了一个Html编辑器,但是这个编辑器中的功能有限,自己也给这个编辑器做了一下扩展,但是由于Ext自身的原因,始终存在一些小问题,所以在Ext中使用FCK编辑器也是一个不错的选择,结合自己的实践在这里总结一下Ext中使用FCK编辑器的方法,请高手们提提意见!
首先在页面的前面导入js文件,这个就不用说了!
<script type="text/javascript" src="/resource/fckeditor.js"></script>
然后用Ext代码建立一个FormPanel,这里就不写出全部代码,仅仅贴出需要加载FCK编辑器的地方,代码如下:
{
xtype:"textarea",
name:"content",
value:"",
width:720,
height:600,
fieldLabel:"新闻内容",
listeners:{
render":function(f){
fckEditor = new FCKeditor("content") ;//初始化FCK
fckEditor.Height=600;//设置FCK编辑器的高度
fckEditor.Width=720;//设置FCK编辑器的宽度
fckEditor.BasePath = "/resource/" ;//设定FCK的源文件路径,这里要注意相对和绝对路径
fckEditor.ReplaceTextarea() ;//用FCK编辑器替换Ext中的textarea
}
}
}
Ext的控件可以添加listeners,在listeners中渲染出一个FCK编辑器,个人认为这是最简单的也是最方便的方法,如上的代码,仅仅几行就给FCK编辑器添加到Ext中去了,使得EXT和FCK得到完美的结合!
上一篇: Matlab保存与原图同样大小的图像
下一篇: ps修好照片怎么样保存
推荐阅读
-
php中curl使用指南,phpcurl使用指南
-
WordPress中创建用户角色的相关PHP函数使用详解,
-
简单了解PHP编程中数组的指针的使用_PHP
-
Sublime text 2/3 中 Package Control 的安装与使用方法,sublimepackage
-
详细介绍Session在PHP中的使用(1)
-
如何将网络中的新字体添加到Word中并使用以2003版为例
-
如何使用SecureCRT连接虚拟机中的Linux?
-
PowerPoint2007如何修改最近使用文档列表中的显示条数
-
JAVA多线程中join()方法的使用方法
-
如何解决magento2安装过程中缺少两个php扩展的问题:ext-intl和ext-xsl