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得到完美的结合!
分享到:
相关推荐
在EXT中使用FCKeditor,你需要创建一个自定义组件。这通常涉及到继承EXT的基础组件类,然后在`render`方法中初始化FCKeditor实例。代码可能类似于: ```javascript Ext.extend(MyFCKComponent, Ext.Component, { ...
3. **配置TLD文件**: 将`FCKeditor.tld`文件拷贝到`/WebRoot/WEB-INF`目录下,这个文件是Tag Library Descriptor,用于JSP中使用FCKeditor标签。 4. **配置Web.xml**: 将提供的`Web.xml`文件内容整合到工程的`web....
**FCK编辑器在ASP.NET和MVC中的应用** FCKeditor是一款强大的开源富文本编辑器,它允许用户在Web页面上进行类似Word的文本编辑操作。在ASP.NET和MVC框架下,集成FCKeditor可以提升用户体验,使得内容创建和编辑更为...
- **操作步骤**:在`fckconfig.js`中使用`[]`标签来划分每行元素的多少,从而控制工具栏的长度和大小。例如,可以在`fckconfig.js`中的`toolbarset["Default"]`部分进行相应的设置,以满足个性化需求。 #### 三、...
4. **创建实例**:在HTML中使用JavaScript创建FCKeditor实例,如`FCKeditor.Create()`函数。 5. **处理提交**:当用户提交表单时,FCKeditor会将富文本内容转换为纯文本或者HTML格式,需要在服务器端进行处理,以便...
6. **实战示例**:通过"newsProject"项目,演示如何在新闻发布系统中使用FCKeditor,包括用户交互、数据保存和服务器端处理等环节。 7. **最佳实践**:可能提供了使用FCKeditor的一些优化建议,如性能提升、用户...
下面将详细探讨FCK编辑器的核心功能、如何使用FCK文档以及如何在Java项目中引入FCKjar包: 1. **FCK编辑器核心功能**: - 支持多种文本格式:HTML、BBCode、Markdown等。 - 图片和媒体管理:用户可以直接在编辑器...
**五、FCKEditor的使用** 在实际应用中,你可以通过实例化`FCKeditor`对象来创建编辑器,如: ```php $FCK = new FCKeditor('editor1') ; $FCK->BasePath = './fckeditor/' ; $FCK->Width = '100%' ; $FCK->Height =...
这样,你就可以像拖放其他控件一样,直接在设计视图中使用FCKeditor了。 **使用FCKeditor** 1. **初始化编辑器**:在ASP.NET页面中,你需要在服务器端创建一个FCKeditor实例,并设置其属性,如宽度、高度、初始...
在.NET开发环境中,FCKeditor是一款非常流行的开源富文本编辑器,它允许用户在...通过以上步骤,你已经掌握了在.NET中使用FCKeditor的基本方法。随着实践的深入,你还可以进一步了解和利用它的高级功能,提升用户体验。
在本篇文章中,我们将深入探讨FCKeditor的使用方法,以及如何通过其源码学习更多细节。 ### 一、FCKeditor 的基本使用 1. **安装与引入** 要使用FCKeditor,首先需要下载官方发布的压缩包,例如`FCKeditor-v2.6.3...
### Fck编辑器基本使用知识点概述 #### 一、Fck编辑器简介 Fck编辑器是一款开源的富文本编辑器,广泛应用于Web应用程序中,为用户提供了一个接近桌面编辑器的体验。它支持多种格式的文本编辑,并且可以轻松地嵌入到...
**JSP中FCK编辑器的使用详解** FCKeditor是一款功能强大的开源文本编辑器,常用于网页开发,尤其在JSP(Java Server Pages)环境中,它可以为用户提供类似Word的富文本编辑体验,使得用户在网页上进行内容编辑时...
在.NET环境中,我们可以使用ASP.NET技术来实现后端处理。创建一个接收文件的HTTP POST请求的服务器端方法,处理上传的每个文件。文件上传完成后,需要将其保存到服务器的指定目录,并生成对应的URL,以便FCKeditor能...
本文将详细介绍如何在Grails应用中使用FCK Editor,同时附带源码和操作截图,以帮助开发者快速理解和实现这一功能。 ### 1. 安装与引入FCK Editor 首先,我们需要下载FCK Editor的源码包,并将其解压到Grails项目...
《掌握FCK编辑器:实现中文图片上传功能》 FCKeditor是一款强大的开源在线文本编辑器,它使得在网页上创建和编辑富文本内容变得轻松易行。然而,原版的FCKeditor存在一个限制,即仅支持数字或字母命名的图片上传。...
### fck上传等功能不能使用(fck和ie9的问题) #### 概述 在使用FCKeditor时,可能会遇到在Internet Explorer 9 (IE9) 浏览器中某些功能无法正常工作的情况,例如文件上传功能。这主要是由于IE9与FCKeditor之间...
通过在网页中嵌入FCK Editor,用户可以像使用桌面文字处理软件一样编辑HTML内容。 **3. 集成FCK Editor到Grails** 集成FCK Editor到Grails应用主要涉及以下几个步骤: - **下载与引入FCK Editor**:首先,你需要从...
2.分别解压后把FCKeditor2.4.2.zip里的fckeditor目录整个复制到网站中。 3.解压FCKeditor.NET.zip包后在FCKeditor.Net_2.2\bin\Debug目录里找到FredCK.FCKeditorV2.dll。其他文件没用,把FredCK.FCKeditorV2.dll...