解释FCKeditor样式的工作原理
作者:mickeyboy 来源:蓝色理想 时间:2007-10-11 13:34:00
FCKeditor的样式设置涉及到了两个文件,一个是你定义好的样式表文件.css,另一个是告诉fck样式表如何使用的xml文件,两个文件确一不可。
css文件的位置是不做要求的,但是需要你在应用的编辑器的页面上插入样式表文件的链接。这样才能显示出来样式。
fckstyles.xml 在与editor目录同级的目录下。该文件定义了那些样式可以使用在那些标签里面。
这就是FCKeditork自带的样式xml定义
<?xml version="1.0" encoding="utf-8" ?>
<Styles>
<Style name="Image on Left" element="img">
<Attribute name="style" value="padding: 5px; margin-right: 5px" />
<Attribute name="border" value="2" />
<Attribute name="align" value="left" />
</Style>
<Style name="Image on Right" element="img">
<Attribute name="style" value="padding: 5px; margin-left: 5px" />
<Attribute name="border" value="2" />
<Attribute name="align" value="right" />
</Style>
<Style name="Custom Bold" element="span">
<Attribute name="style" value="font-weight: bold;" />
</Style>
<Style name="Custom Italic" element="em" />
<Style name="Title" element="span">
<Attribute name="class" value="Title" />
</Style>
<Style name="Code" element="span">
<Attribute name="class" value="Code" />
</Style>
<Style name="Title H3" element="h3" />
<Style name="Custom Ruler" element="hr">
<Attribute name="size" value="1" />
<Attribute name="color" value="#ff0000" />
</Style>
</Styles>
每一个<style>将来会生成一个样式的菜单项。name名称就是显示在菜单里的文字 ;element定义了该样式可以应用在那种html标签上,<Attribute>的 name 指定了将会修改标签的哪个属性来应用样式 ,value则是修改成的值看这个:
<Style name="Title" element="span">
<Attribute name="class" value="Title" />
</Style>
如果你在fck选定了文字 “经典论坛 » 前台制作与脚本专栏 » FCKeditor 实战技巧 - 1 » 编辑帖子” 应用该样式 则原来文字就会变成<span class="Title">经典论坛 » 前台制作与脚本专栏 » FCKeditor 实战技巧 - 1 » 编辑帖子</span>
注意:如果编辑器呈整页编辑状态,那么整页里面也需要插入样式表链接才能显示出来样式。
标签:FCKeditor,样式,style
0
投稿
猜你喜欢
MySQL查询优化
2009-03-09 14:41:00
Xml_javascript分页
2008-09-04 14:43:00
利用sys.sysprocesses检查SqlServer的阻塞和死锁
2011-11-03 17:24:11
一个奇怪的CSS现象
2010-02-10 12:28:00
10大实用web应用界面技术[译]
2009-01-20 12:40:00
asp正则表达式在网页处理中的应用四则
2008-02-24 14:44:00
用XMLHTTP很好的一个例子
2008-04-25 10:25:00
细化解析:MySQL 数据库中对XA事务的限制
2009-01-14 11:59:00
通用分页存储过程
2007-11-28 13:08:00
又为ajax上传工具重新写了一个服务器端上传程序
2009-12-21 14:30:00
JavaScript程序执行顺序问题总结
2010-01-29 13:06:00
几种修复ACCESS数据库的实用方法
2008-11-20 17:37:00
在SQL server2005数据库下创建计划任务
2008-12-26 09:19:00
IE6/7关于 Absolute Position 、relative 的一些意外
2008-11-27 11:34:00
ASP XML操作类代码
2011-03-08 10:47:00
浮动元素对浏览器的支持
2008-02-02 10:05:00
MySQL数据库中CHAR与VARCHAR之争
2011-05-05 16:33:00
从两个方面讲解SQL Server口令的脆弱性
2009-01-08 13:40:00
实例简析XPath串函数和XSLT
2008-09-04 14:16:00
5个常见的XHTML验证错误
2010-01-15 20:24:00