Fckeditor编辑器添加【行距】
2010-10-10 22:55
253 查看
方法如下:
这里我采用的将编辑器中【样式】换成【行距】。
第一,在fckconfig.js里面
将
FCKConfig.CustomStyles =
{
'Red Title' : { Element : 'h3', Styles : { 'color' : 'Red' } }
};
替换成
FCKConfig.CustomStyles =
{
//mark090522
'12px' : { Element : 'span', Styles : {'line-height' : '12px' } },
'14px' : { Element : 'span', Styles : {'line-height' : '14px' } },
'18px' : { Element : 'span', Styles : {'line-height' : '18px' } },
'22px' : { Element : 'span', Styles : {'line-height' : '22px' } },
'26px' : { Element : 'span', Styles : {'line-height' : '26px' } },
'30px' : { Element : 'span', Styles : {'line-height' : '30px' } },
'36px' : { Element : 'span', Styles : {'line-height' : '36px' } },
'42px' : { Element : 'span', Styles : {'line-height' : '42px' } },
'50px' : { Element : 'span', Styles : {'line-height' : '50px' } },
'64px' : { Element : 'span', Styles : {'line-height' : '64px' } },
'80px' : { Element : 'span', Styles : {'line-height' : '80px' } }
//'Red Title' : { Element : 'h3', Styles : { 'color' : 'Red' } }
//markend
};
第二:在fckstyles.xml里
<Style name="Marker: Yellow" element="span">
<Style name="background-color" value="Yellow" />
</Style>
<Style name="Marker: Green" element="span">
<Style name="background-color" value="Lime" />
</Style>
<Style name="Big" element="big" />
<Style name="Small" element="small" />
<Style name="Typewriter" element="tt" />
<Style name="Computer Code" element="code" />
<Style name="Keyboard Phrase" element="kbd" />
<Style name="Sample Text" element="samp" />
<Style name="Variable" element="var" />
<Style name="Deleted Text" element="del" />
<Style name="Inserted Text" element="ins" />
<Style name="Cited Work" element="cite" />
<Style name="Inline Quotation" element="q" />
<Style name="Language: RTL" element="span">
<Attribute name="dir" value="rtl" />
</Style>
<Style name="Language: LTR" element="span">
<Attribute name="dir" value="ltr" />
</Style>
<Style name="Language: RTL Strong" element="bdo">
<Attribute name="dir" value="rtl" />
</Style>
<Style name="Language: LTR Strong" element="bdo">
<Attribute name="dir" value="ltr" />
</Style>
将上面的代码注释掉
第三:在zh-cn.js
将Style : "样式",替换成 Style : "行距",
这里我采用的将编辑器中【样式】换成【行距】。
第一,在fckconfig.js里面
将
FCKConfig.CustomStyles =
{
'Red Title' : { Element : 'h3', Styles : { 'color' : 'Red' } }
};
替换成
FCKConfig.CustomStyles =
{
//mark090522
'12px' : { Element : 'span', Styles : {'line-height' : '12px' } },
'14px' : { Element : 'span', Styles : {'line-height' : '14px' } },
'18px' : { Element : 'span', Styles : {'line-height' : '18px' } },
'22px' : { Element : 'span', Styles : {'line-height' : '22px' } },
'26px' : { Element : 'span', Styles : {'line-height' : '26px' } },
'30px' : { Element : 'span', Styles : {'line-height' : '30px' } },
'36px' : { Element : 'span', Styles : {'line-height' : '36px' } },
'42px' : { Element : 'span', Styles : {'line-height' : '42px' } },
'50px' : { Element : 'span', Styles : {'line-height' : '50px' } },
'64px' : { Element : 'span', Styles : {'line-height' : '64px' } },
'80px' : { Element : 'span', Styles : {'line-height' : '80px' } }
//'Red Title' : { Element : 'h3', Styles : { 'color' : 'Red' } }
//markend
};
第二:在fckstyles.xml里
<Style name="Marker: Yellow" element="span">
<Style name="background-color" value="Yellow" />
</Style>
<Style name="Marker: Green" element="span">
<Style name="background-color" value="Lime" />
</Style>
<Style name="Big" element="big" />
<Style name="Small" element="small" />
<Style name="Typewriter" element="tt" />
<Style name="Computer Code" element="code" />
<Style name="Keyboard Phrase" element="kbd" />
<Style name="Sample Text" element="samp" />
<Style name="Variable" element="var" />
<Style name="Deleted Text" element="del" />
<Style name="Inserted Text" element="ins" />
<Style name="Cited Work" element="cite" />
<Style name="Inline Quotation" element="q" />
<Style name="Language: RTL" element="span">
<Attribute name="dir" value="rtl" />
</Style>
<Style name="Language: LTR" element="span">
<Attribute name="dir" value="ltr" />
</Style>
<Style name="Language: RTL Strong" element="bdo">
<Attribute name="dir" value="rtl" />
</Style>
<Style name="Language: LTR Strong" element="bdo">
<Attribute name="dir" value="ltr" />
</Style>
将上面的代码注释掉
第三:在zh-cn.js
将Style : "样式",替换成 Style : "行距",
相关文章推荐
- Fckeditor编辑器添加【行距】
- 为FCKeditor2.6添加行距功能(最新修改)
- 为zblog FCKeditor编辑器添加设置字体格式h1 h2功能
- 为FCK编辑器(FCKEditor)添加新按钮和功能
- sharepoint中添加FCKeditor编辑器
- ECSHOP 商品编辑,详细描述 添加 FCKeditor编辑器
- ecshop更换升级FCKeditor编辑器到Kindeditor,支持图片批量上传,和百度地图添加
- 添加了代码着色和图像上传的FCKeditor在线编辑器.NET版
- 给zencart添加一个fckeditor编辑器
- 为ckeditor编辑器添加行距功能
- FCKEditor编辑器添加中文字体的方法---http://down.chinaz.com/try/201205/1902_1.htm
- DEDECMS添加运行代码功能的FCKeditor编辑器修改方法
- 为FCKeditor2.6添加行距功能(最新修改)
- FCKeditor编辑器添加图片上传功能及图片路径问题解决方法
- FCK编辑器(FCKEditor)添加新按钮和功能的修改方法
- ASP.net:添加.net(2.0C#)FCKeditor编辑器步骤
- Ext 中使用FCKEditor html编辑器
- FCKEditor 添加"插入代码"工具栏按钮
- Unity3D之在Unity编辑器中添加菜单