# <link href="/html/js/fckeditor/_samples/sample.css" rel="stylesheet" type="text/css" />
# <script type="text/javascript" src="/html/js/fckeditor/fckeditor.js"></script>
# <script type="text/javascript">
# var oFCKeditor = new FCKeditor( 'fck' ) ;
# oFCKeditor.BasePath = '/html/js/fckeditor/' ;
# oFCKeditor.Config['ToolbarStartExpanded'] = false ;
# oFCKeditor.ToolbarSet = 'Basic' ;
# oFCKeditor.ReplaceTextarea() ;
# </script>
引入CSS样式和JS文件,然后用简单的几行代码就可以完成一个FCKEditor控件了。
4、将fckeditor与相关的HTML标记绑定。
Xml代码 复制代码
1. <textarea name="fck" rows="10" cols="80" style="width: 100%; height: 200px"></textarea>
<textarea name="fck" rows="10" cols="80" style="width: 100%; height: 200px"></textarea>
只需要将我们的HTML标记的name属性和new FCKeditor('fck');构造函数中的名称保持一直就可以了,和原本的HTML代码完全没有过多的相关性。
以上就已经完成了一个简单的(Basic)的FCKeditor,如果觉得编辑框不够丰富的话,将下面两行代码去掉就可以了
分享到:
相关推荐
这个压缩包中的"FCKedito2.6"很可能包含了以下文件和文件夹: 1. fckeditor目录:包含编辑器的JavaScript文件、CSS样式表、语言文件以及图片和其他资源。 2. Samples:示例页面,展示了如何在实际项目中使用...
fckeditor-java-core-2.6.jar, slf4j-0.9.4-jdk14.jar,api-0.9.4-jdk14.jar, slf4j-api-1.5.8.jar,slf4j-nop-1.1.0-beta0.jar
2. **高度可配置**:开发者可以通过XML配置文件或代码动态调整编辑器外观和功能。 3. **服务器端支持**:FreeTextBox不仅在客户端运行,还提供了服务器端的API,便于与服务器进行数据交互。 4. **安全性**:具有防止...
对于图片文件会自动生成缩略图,对于文本文件可以利用CKEditor和FCKEdito进行编辑。。 产品特点: •添加/移动/重命名/删除文件夹 •下载单个/多个文件 •上传单个/多个文件 •移动单个/多个文件 •...
对于图片文件会自动生成缩略图,对于文本文件可以利用CKEditor和FCKEdito进行编辑。。 产品特点: •添加/移动/重命名/删除文件夹 •下载单个/多个文件 •上传单个/多个文件 •移动单个/多个文件 •...
在实际使用过程中,开发者可能需要了解如何集成这个改进版的FCKeditor到自己的项目中,包括配置编辑器选项、处理上传文件的服务器端代码、自定义样式和按钮布局等。对于用户而言,理解如何有效地利用这些新功能,如...
《FCKEditor2.x:构建富文本编辑器的利器》 FCKEditor2.x是一款功能强大的开源富文本编辑器,广泛应用于ASP.NET平台,为网页内容编辑提供了丰富的文本格式化和多媒体处理能力。这款编辑器以其易用性、灵活性和高度...
FCKeditor是一款流行的开源在线文本编辑器,它允许用户在网页上进行类似Word的文本编辑操作,无需在客户端安装任何软件。由于其轻量级设计和广泛的浏览器兼容性(如Firefox, Mozilla, Netscape和IE),FCKeditor被...
在当今的网络应用中,实现无刷新分页功能可以让用户体验更加流畅和友好。...这种技术方案可以在用户界面上无缝切换内容页,而无需重新加载整个页面。 ### 知识点一:FCKEditor编辑器的使用 ...它通过“所见即所得”的...