fck的工程实例,完整配置,在myeclipse8.1调试通过
一:配置web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
<servlet>
<servlet-name>Connector</servlet-name>
<servlet-class>
net.fckeditor.connector.ConnectorServlet
</servlet-class>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>Connector</servlet-name>
<url-pattern>
/fckeditor/editor/filemanager/connectors/*
</url-pattern>
</servlet-mapping>
</web-app>
二:在网页中使用时:
<%@ taglib uri="http://java.fckeditor.net" prefix="FCK"%>
<FCK:editor instanceName="test" width="600" height="300" toolbarSet=""/>
通过以上两步你就可以在你的jsp网页中使用了
三:下面来介绍fck的简单的几种样式:
样式配置是通过:/fckeditor/fckconfig.js中的
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/silver/' ;
这一句来配置的
1:像office2003的配置为:
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/office2003/' ;
显示如图:
2:default的样式为
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ;
显示图像为:
3:sliver的配置为:
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/sliver/' ;
图像为:
四:编辑器上的控件也是可以自己定制的:
在fckconfig中一般默认的是这个:
FCKConfig.ToolbarSets["Default"] = [
['Source','DocProps','-','Save','NewPage','Preview','-','Templates'],
['Cut','Copy','Paste','PasteText','PasteWord','-','Print','SpellCheck'],
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
['Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'],
'/',
['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote','CreateDiv'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
['Link','Unlink','Anchor'],
['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak'],
'/',
['Style','FontFormat','FontName','FontSize'],
['TextColor','BGColor'],
['FitWindow','ShowBlocks','-','About'] // No comma for the last row.
] ;
控件个数也是像上面图像上一样.
自己定制就要另外在fckconfig中定制:
如:
FCKConfig.ToolbarSets["Blog"] = [
['Bold','Image','Smiley','Style','UnorderedList','TextColor','Link','Unlink','-','About']
] ;
在页面引用时就这样:
<FCK:editor instanceName="test" width="600" height="300" toolbarSet="Blog"/>
分享到:
相关推荐
以下是使用ASP配置FCKeditor并实现图片上传功能的详细步骤: 1. **下载与瘦身** - 首先,你需要从官方网站或可靠的源下载FCKeditor的最新稳定版本,例如FCKeditor_2.6.4.1。 - 安装完成后,对FCKeditor目录进行...
2. **安装与集成**:详细介绍如何在项目中引入FCKeditor,包括下载、添加引用、设置配置等步骤。 3. **源码分析**:对于开发者来说,可能涉及到FCKeditor的源码结构,关键函数的解读,以及如何通过修改源码实现特定...
通过以上步骤,你应该能在CodeIgniter中成功集成FCKeditor。这个过程需要对CodeIgniter框架和前端开发有基本的理解,同时也提醒我们在使用网上资源时,要结合自身情况,避免盲目复制,确保代码的正确性和安全性。
`Proxool数据库连接池配置.doc`应详细介绍了如何配置和使用Proxool,包括关键的配置参数及其作用。最后,`FCKeditor在线编译器.doc`可能会涵盖FCKeditor的安装、使用方法,以及如何集成自定义函数的教程。 总的来说...
在.NET开发环境中,FCKeditor是一款非常流行的开源富文本编辑器,它允许用户在...通过以上步骤,你已经掌握了在.NET中使用FCKeditor的基本方法。随着实践的深入,你还可以进一步了解和利用它的高级功能,提升用户体验。
你可以在`fckToolbarButtons.js`和`fck_config.js`中配置工具栏,或者通过`FCKeditorAPI`接口在运行时动态操作编辑器。 7. **图片上传与管理** FCKeditor提供了内置的图片上传功能,用户可以直接在编辑器中上传...
在提供的压缩包中,`FCK配置步骤.doc`文档应该详细描述了配置过程,可以作为参考。`PICS`目录可能包含了一些示例图片,用于展示配置效果。`FCK源文件`是编辑器的完整源码,有助于深入理解其工作原理。`FCK_test`可能...
这个“fck编辑器的使用.rar”压缩包可能包含了关于如何安装、配置以及使用FCKeditor的详细资料。 FCKeditor的特点和功能包括: 1. **多平台支持**:FCKeditor可以在多种操作系统和浏览器环境下运行,包括Windows、...
**FCKeditor与CKeditor...总的来说,FCKeditor的安装与调用并不复杂,只需按照上述步骤操作,你就能在你的网站上轻松集成这个强大的富文本编辑器。通过视频教程的学习,可以更好地理解和实践这些步骤,提高开发效率。
本文档详细介绍了 FCKeditor 的安装、配置和使用过程。通过这些步骤,用户可以轻松地将 FCKeditor 集成到自己的项目中,并根据实际需求进行定制化配置。对于开发者来说,理解 FCKeditor 的工作原理和配置选项是非常...
7. **整合步骤**:整合FCKeditor或CKEditor到JSP项目中,你需要: - 在HTML表单中添加编辑器的textarea标签,并设置相应的属性。 - 引入编辑器的JavaScript文件。 - 配置后端Servlet来接收编辑器提交的内容和文件...
6. **配置完成**:完成以上步骤后,FCKeditor就已经成功地在你的Java Web应用环境中配置好了。 **FCKeditor 的调用** 在需要使用FCKeditor的JSP页面中,引入FCKeditor的标签库,并使用以下代码创建编辑器实例: `...
集成FCK编辑器时,需要引入相应的JavaScript库,并在ASP.NET页面中添加编辑器控件,通过配置代码实现与服务器端数据的交互。 接下来是WebValidates,这是一个验证控件,主要用于客户端和服务器端的数据验证。在ASP...
`文字教程.txt`和`readme.txt`可能包含了关于如何使用和配置FCKeditor的详细步骤和注意事项。阅读这些文档可以更好地理解和操作编辑器,解决可能出现的问题。 **5. 功能扩展** FCKeditor 2.6.3提供了丰富的插件和...
FCKConfig.EditorAreaCSS = FCKConfig.BasePath + 'css/fck_editorarea.css'; // 编辑区样式表 FCKConfig.EditorAreaStyles = ''; // 编辑区样式表风格 FCKConfig.ToolbarComboPreviewCSS = ''; // 工具栏预览CSS...
"**FCK文本编辑器.txt**"文件提供了关于如何安装、配置和使用FCKeditor 2.6.3的详细步骤。内容可能包括: 1. **安装指南**: 阐述了如何下载、解压和将编辑器添加到.NET项目中。 2. **配置步骤**: 包括了编辑器的...
通过以上步骤,你可以在Java Web应用中成功集成并使用FCKeditor。分享你的测试和经验,可以帮助其他开发者更快地掌握这个强大的编辑工具。不断探索和实践,你会发现更多FCKeditor的实用技巧和高级用法。