手机版

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

时间:2021-11-25 来源:互联网 编辑:宝哥软件园 浏览:

一、介绍功能:所见即所得,支持图片和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来自定义样式。

版权声明:使用HTML编辑器FCKeditor的详细说明是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。