HTML在线编辑器FCKeditor全攻略[二]

FCKeditor的详细配置说明:

FCKeditor 2.0的主要配置文件为FCKeditor/fckconfig.js,其中几个重要的配置项目如下:

一.改变配置文件:

$oFCKeditor->Config['CustomConfigurationsPath'] = '/myconfig.js' ;
使用这行代码,可以将配置文件放置于FCKeditor目录之外
注意原来的配置文件fckconfig.js不可删除,必须仍然放置于FCKeidtor目录下。另外,改变配置之后,要清除浏览器的缓存,否则不会看到最新的页面。如果你使用的是IE,可以按Ctrl+F5强制刷新。

二. 工具栏的配置

默认情况下,FCKeditor会调用默认的工具栏按钮,FCKConfig.ToolbarSets["Default"]这个数组的每个元素对应一个工具,大家可以根据自己的需要进行增减。

三. 文字样式设置(Style)

FCKeditor所预设的样式有Image on right,Image on Left,Title,Code等等,如果你有自己常用到的特殊的格式,你可以自己来添加。需要修改的文件有:
fckconfig.js
FCKConfig.FontFormats =
editor/_source/classes/fcktoolbarfontformatcombo.js
var oNames =
editor/js/fckeditorcode_ie_2.js and /editor/js/fckeditorcode_gecko_2.js
var oNames=
editor/lang/下你选择的语言文件
FontFormats

Styles的配置文件是个XML文件,即fckstyles.xml,当然你也可以自己新建一个XML文件并指定配置文件为自己的XML文件。
在配置的js中,修改FCKConfig.StylesXmlPath = '../myfckstyles.xml' ;
<?xml version="1.0" encoding="utf-8" ?>
<Styles >
<Style name="My Image" element="img">
<Attribute name="style" value="padding: 5px" />
<Attribute name="border" value="2" />
</Style >
<Style name="Italic" element="em" />
<Style name="Title" element="span">
<Attribute name="class" value="Title" />
</Style >
<Style name="Title H3" element="h3" />
</Styles>

四. 配置模板

模板配置可以参考fcktemplates.xml,自己定义,然后设置为默认的模板配置文件:
FCKConfig.TemplatesXmlPath = '/mytemplates.xml' ;

FCKEditor 是一款开源的非常优秀的WEB在线编辑器,它的JS类库几乎匹敌于当前流行的JQuery,目前最新版本为2.65 .本文基于.Net的应用针对FCKEditor的源代码进行分析,同时改造了部分过于复杂的功能,将其简单化。供大家学习讨论之用 一、对"插入/编辑超链接"功能进行了彻底简化,不可否认源代码中考虑了超链接的几乎所有应用情景,非常之完善和全面,甚至提供了服务器目录的浏览和文件上传功能, 但这也恰恰暴露了更多的安全隐患,参考了各大网站的应用,简化为仅一个显示文本和一个链接地址 这部分功能的源代码主要分布在两个文件中: UI部分 /editor/dialog/fck_link.html 功能函数 /editor/dialog/fck_link/fck_link.js 因为原始版本包含了过于复杂的功能,所以在分析和修改js代码时也费了不少功夫,删除了多余的功能函数,支持了文本的显示,缩减大约90%的代码。具体细节可查看DEMO. 、对"插入/编辑FLASH"去除了服务器浏览和文件上传功能;去除了“高级”里的多余选项,将功能整合在一个标签下。 这部分功能源代码分布在三个文件中: UI界面 /editor/dialog/fck_flash.html 功能函数 /editor/dialog/fck_flash/fck_flash.js Flash预览 /editor/dialog/fck_flash/fck_flash_preview.html 三、对"插入/编辑表格"功能,去除了"标题"、"摘要"、"标题单元格"三项,通过生成的HTML代码可以发现,FCKEditor是一款非常严谨的软件, 它严格遵循了W3C。但大部开发人员都不熟悉的HTML标签对于用户来说使用就更较少了,固去除了这三项 四、对"插入/编辑图片"进行了很大的改动,弥补了很多不足,看源码理解吧
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值