`
wanggp
  • 浏览: 149903 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

FCKeditor 【样式】 改为 【行距】

阅读更多

第一,在fckconfig.js里面将

FCKConfig.CustomStyles =
{
'Red Title' : { Element : 'h3', Styles : { 'color' : 'Red' } }
};

 替换成

FCKConfig.CustomStyles =
{
//mark20110126
'行距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>


 

将上面的代码注释掉(我是直接删除掉的)。

第三:在fckeditor/editor/lang/zh-cn.js将Style : "样式",替换成 Style : "行距",

 


分享到:
评论

相关推荐

    fckeditor 修改记录添加行距功能插件

    上述代码定义了一个名为`LineHeight`的新样式,该样式作用于`&lt;span&gt;`元素,并通过`line-height`属性控制行距。这里还需要注意`Overrides`部分,用于覆盖原有的`&lt;font&gt;`标签属性。 ##### 步骤二:更新ToolbarSets...

    FCKeditor_2.3.2.zip

    在解压"FCKeditor_2.3.2.zip"文件后,你会看到FCKeditor的完整结构,包括JavaScript文件、CSS样式表、图片资源、语言文件以及示例和文档等。这些文件用于构建和配置编辑器,以满足特定项目的需求。 总的来说,...

    fckeditor 在线编辑器

    fckeditor提供了基本的文本编辑功能,如字体样式调整(大小、颜色、加粗、斜体等)、段落格式(对齐方式、行距、缩进)、列表、链接插入、图片上传和插入、表格操作等。此外,它还支持插入多媒体元素,如视频和音频...

    文档编辑器

    2. **格式设置**:允许用户调整字体、字号、颜色、对齐方式、行距等,以实现多样化的样式设计。 3. **段落控制**:包括缩进、段落间距调整,帮助组织文档结构,使内容层次清晰。 4. **插入元素**:支持插入图片、...

    FCK编辑器Demo

    FCKeditor是一款开源的富文本编辑器,广泛应用于网页内容编辑,为用户提供类似Microsoft Word的在线编辑体验。它允许用户在网页上直接编辑文本,插入图片、链接等元素,极大地提高了网页内容创作的便捷性。这款编辑...

    ACTCMS网站管理系统 v4.0 build 20110623 UTF8 正式版.rar

    系统拥有强大的标签自动生成系统,任何您想要实现的功能,例如输出格式(table和div可选)、排序方法、文章属性、文章行距、文章数量、标题字数、日期格式、分隔图片、标题样式等等只需要在后台进行相关设置即可;...

    ACTCMS网站管理系统 v4.0 build 20110623 GBK 正式版.rar

    系统拥有强大的标签自动生成系统,任何您想要实现的功能,例如输出格式(table和div可选)、排序方法、文章属性、文章行距、文章数量、标题字数、日期格式、分隔图片、标题样式等等只需要在后台进行相关设置即可;...

    CMS网站管理系统 v3.0 beta utf-8

    系统拥有强大的标签自动生成系统,任何您想要实现的功能,例如输出格式(table和div可选)、排序方法、文章属性、文章行距、文章数量、标题字数、日期格式、分隔图片、标题样式等等只需要在后台进行相关设置即可;...

    ACT文章管理系统

    系统拥有强大的标签自动生成系统,任何您想要实现的功能,例如输出格式(table和div可选)、排序方法、文章属性、文章行距、文章数量、标题字数、日期格式、分隔图片、标题样式等等只需要在后台进行相关设置即可;...

    xi7.net生活窍门网整站.rar

    系统拥有强大的标签自动生成系统,任何您想要实现的功能,例如输出格式(table和div可选)、排序方法、文章属性、文章行距、文章数量、标题字数、日期格式、分隔图片、标题样式等等只需要在后台进行相关设置即可;...

    ACTCMS网站管理系统 4.0 gbk 20110623.rar

    系统拥有强大的标签自动生成系统,任何您想要实现的功能,例如输出格式(table和div可选)、排序方法、文章属性、文章行距、文章数量、标题字数、日期格式、分隔图片、标题样式等等只需要在后台进行相关设置即可;...

    FYCMS网站管理系统 1.1 gbk.rar

    系统拥有强大的标签自动生成系统,任何您想要实现的功能,例如输出格式(table和div可选)、排序方法、文章属性、文章行距、文章数量、标题字数、日期格式、分隔图片、标题样式等等只需要在后台进行相关设置即可;...

    ACTCMS网站管理系统 4.0 utf-8 20110623.rar

    系统拥有强大的标签自动生成系统,任何您想要实现的功能,例如输出格式(table和div可选)、排序方法、文章属性、文章行距、文章数量、标题字数、日期格式、分隔图片、标题样式等等只需要在后台进行相关设置即可;...

    ACTCMS网站管理系统 v3.0 build 20100412 UTF8 精简版.rar

    系统拥有强大的标签自动生成系统,任何您想要实现的功能,例如输出格式(table和div可选)、排序方法、文章属性、文章行距、文章数量、标题字数、日期格式、分隔图片、标题样式等等只需要在后台进行相关设置即可;...

    fycms网站管理系统 v2.0 gb2312.rar

    系统拥有强大的标签自动生成系统,任何您想要实现的功能,例如输出格式(table和div可选)、排序方法、文章属性、文章行距、文章数量、标题字数、日期格式、分隔图片、标题样式等等只需要在后台进行相关设置即可;...

    fycms网站管理系统 v2.0 utf-8.rar

    系统拥有强大的标签自动生成系统,任何您想要实现的功能,例如输出格式(table和div可选)、排序方法、文章属性、文章行距、文章数量、标题字数、日期格式、分隔图片、标题样式等等只需要在后台进行相关设置即可;...

    FYCMS网站管理系统 1.1 UTF8

    系统拥有强大的标签自动生成系统,任何您想要实现的功能,例如输出格式(table和div可选)、排序方法、文章属性、文章行距、文章数量、标题字数、日期格式、分隔图片、标题样式等等只需要在后台进行相关设置即可;...

    fycms网站管理系统官方版下载 v1.1

    系统拥有强大的标签自动生成系统,任何您想要实现的功能,例如输出格式(table和div可选)、排序方法、文章属性、文章行距、文章数量、标题字数、日期格式、分隔图片、标题样式等等只需要在后台进行相关设置即可;...

Global site tag (gtag.js) - Google Analytics