您现在的位置是:首页 > 教程资讯 > 编程开发

使用HTML编辑器FCKeditor的详细说明

2021-11-25 18:00:13【编程开发】人查看

简介 最近使用fckeditor的人是越来越多了,随着大家环境的不一样也导致大家在使用过程中碰到了各种各样的问题,这篇文章对于细节的描述不错,更高级的技巧可以参考脚本之家之前发布的一些文章。

一、介绍功能:所见即所得,支持图片和Flash,工具栏可自由配置,使用简单。兼容性:IE 5.5、火狐1.5、Safari 3.0、Opera 9.50、网景7.1、Camino 1.0成熟度:应用广泛。被百度、CSDN等选中。2.下载官方下载主页:http://www.fckeditor.net/download/,目前的版本是2.5.1,需要下载fckeditor 2 . 5 . 1(fckeditor _ 2 . 5 . 1 . zip)和FCKeditor.Java(fckeditor-2 . 3 . zip)。

1.FCKeditor_2.5.1.zip解压,将fckeditor文件夹复制到/WebRoot/下2.FCKeditor-2.3.zip解压,将commons-fileupload.jar和FCKeditor-2.3.jar复制到/WebRoot/WEB-INF/lib/下3.修改/WebRoot/WEB-INF/web.xml文件,增加以下内容:复制代码代码如下: Connector com。弗雷德里克。fckeditor。连接器。连接器servlet baseDir /用户文件/修改/Webroot/fckeditor/fckconfig。js,修改部分如下:复制代码代码如下:FCKConfig .LinkBrowserURL=FCKConfig .“基本路径”文件管理器/浏览器/默认/浏览器。html?连接器=/fckeditor/connector ';FCKConfig .ImageBrowserURL=FCKConfig .“基本路径”文件管理器/浏览器/默认/浏览器。html?type=image connector=/fckeditor/connector ';FCKConfig .FlashBrowserURL=FCKConfig .“基本路径”文件管理器/浏览器/默认/浏览器。html?type=FlashConnector=/fckeditor/connector ';FCKConfig .LinkUploadURL='/fckeditor/simpleuploader?类型=文件;FCKConfig .ImageUploadURL='/fckeditor/simpleuploader?类型=图像;FCKConfig .FlashUploadURL='/fckeditor/simpleuploader?类型=闪存;注意: (1) 步骤3、4设置了文件浏览和上传的配置,web.xml中小型应用程序的全球资源定位器(Uniform Resource Locator)模式要和fckconfig.js中的统一资源定位器引用一致;(2) 本例正常运行的前提是WebRoot被部署为根路径,如果设了虚拟路径会找不到servlet。四、使用本例使用最直接的射流研究…方式,API和TagLib方式参见FCKeditor-2.3.zip解压后样本(_ s)下的例子。

fckdemo.jsp:复制代码代码如下: FCKeditor Test > <脚本类型=' text/JavaScript ' src=' http :/FCKeditor/FCKeditor。js ' >

<表格宽度=100% > TD col span=4 style=' text-align : center ' width=100% height=50px > script type=' text/JavaScript ' var of keditor=new FCKeditor(' content ');//传入参数为表单元素(由FCKeditor生成的投入或文本区域)的凯迪托的名称基本路径='/fckeditor/';//指定FCKeditor根路径,也就是fckeditor.js所在的路径凯迪托的.高度=' 100% ';凯迪托的.工具栏集="演示";//指定工具栏凯迪托的.值=' <%=内容% > ';//默认值凯迪托的.create();脚本输入类型="提交"值="提交 取值(可直接保存至数据库): <%=内容% >
效果图HTML编辑器FCKeditor使用详解(图二)

动词(verb的缩写)配置文件fckconfig.js 1。默认语言:默认语言可以改为“zh-cn”。2.自定义工具栏:可以修改或添加工具栏集,例如:fckconfig . toolbar set[' demo ']=[[' bold ',' italic ','-',' OrderedList ',' UnorderedList ','-',' Link ',' Unlink ','-',' TextColor ',' BGColor ','-',' Style ','-',' Image ',' Flash ',' Table '];进入模式和换档模式:“进入”和“换档进入”的断线行为。注意可选模式4。编辑区域样式文件5。其他参数:复制代码如下: auto detect Language=true/false auto detection Language base href=' '相对链接基址ContentLangDirection='ltr/Rtl '默认文本方向ContextMenu=字符串数组,右键菜单的内容CustomConfigurationsPath=' '自定义配置文件路径和名称Debug=true/false是否开启调试功能,以便在FCKDebug。调用Output()时,将在调试窗口中输出内容。当enablesourcehtml=TRUE/false为TRUE时,当可视化界面切换到代码页时,将html视为XHTML EnableXHTML=true/false是否允许XHTML而不是HTML filmptyblocks=TRUE/false要使用此功能,可以用空格替换空的块级元素。FontColors=' '在显示颜色选择器时设置文本颜色列表。FontFormats=' '设置文本格式列表中显示的名称。字体列表中的字体名称。FontSizes=' ' font size '列表ForcePasteAsPlainText=true。/false强制粘贴为纯文本forcesimplemphand=True/false是否不要将符号转换为XML实体formatindantor=' '以源代码格式缩进代码时使用的字符format output=True/True输出内容格式时是否自动格式化代码Source=true/false切换到代码视图时是否自动格式化代码FullPage=true/false是否允许编辑整个HTML文件,还是只允许编辑正文之间的内容?GeckoUseSPAN=真/假?是否允许替换B,I, u标记IeSpellDownloadUrl=' ' '下载拼写检查器的URL ImageBrowser=True/True是否允许浏览服务器功能imagebrowserwindow=' '浏览服务器时运行的imagebrowserwindowheight=' '图像浏览器窗口高度ImageBrowserWindowWidth=' '图像浏览器窗口宽度LinkBrowser=true/True插入链接时是否允许浏览服务器linkbrowserwindow ' '插入链接时浏览服务器的URL linkbrowserwindow高度=' '链接目标浏览器窗口高度LinkBrowserWindowWidth=' '链接目标浏览器窗口宽度Plugins=True合并边框SkinPath=' '皮肤文件夹位置SmileyColumns=图标窗口的12列编号SmileyImages=字符数组图片false图标窗口中的名称数组SmileyPath=' '图标文件夹路径SmileyWindowHeight图标窗口高度SmileyWindowWidth图。 窗口宽度拼写检查器=' iespell/spellpages '将拼写检查器StartupFocus=true/True FOCUS设置为编辑器StylesXmlPath=当打开时=' '设置定义CSS样式列表的XML文件的位置TabSpaces=4 TAB键生成空格字符数ToolBarCanCollapse=true/false是否允许展开/折叠TOOLBAR ToolbarSets=对象允许使用toolbarcollection toolbarstartexpanded=True/false打开工具栏是否展开usebrowncagereeturn=True/false在回车时是否生成br标记或p或DIV标记自定义样式工具栏的Style选项由fckconfig.js指定的配置文件生成:复制代码如下: fkconfig . styles xmlpath=fckconfig . editor path ' fckstyles . XML ';您可以修改fckstyles.xml来自定义样式。