`

[转载] 定制FCKEditor,以及使其中文化

阅读更多
转载: 文/陈刚  www.chengang.com.cn

安装完FCKEditor还是不够的,首先就面临两个任务:(1)将它中文化。(2)有些功能不需要的,就需要把它去掉。FCKEditor在这方面做得很好,其可定制性相当强。

文/陈刚  www.chengang.com.cn

首先,我们来看看FCKEditor在Rails中的运行特性,其插件主要是安装在vendor/plugins/fckeditor。主要的代码在vendor/plugins/fckeditor/public/javascripts,其中fckcustom.js是配置文件,另外更深一层的子目录fckeditor中还有一个fckconfig.js也是配置文件。fckcustom.js配置的优先顺序大于fckconfig.js,因此一般修改fckcustom.js就可以了,不必去动fckconfig.js。

在启动WEBrick( ruby script/server)时,会自动把vendor/plugins/fckeditor/public/javascripts的内容复制到public/javascripts目录。因此如果你修改了FCKEditor的配置文件之后,需要把复制到public/javascripts目录的FCKEditor相关文件删除掉,然后再重启WEBrick。当然,你也可以直接修改public/javascripts目录的FCKEditor的缓存的配置文件,这样不必重启WEBrick,就可以立即看到修改效果。不过建议你在完成修改后,同时也要更新vendor/plugins/fckeditor/public/javascripts下的配置文件,毕竟public/javascripts里的应该算是临时文件。


1.中文化

在fckcustom.js里加入两项(粗体显示)

FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/silver/';
[b]FCKConfig.AutoDetectLanguage = false ;
FCKConfig.DefaultLanguage = 'zh-cn' ;[/b]


2. 定制FCKEditor的工具栏
修改fckcustom.js里的如下项目,增删改自便。

FCKConfig.ToolbarSets["Simple"] = [   。。。 。。。


这里要注意一点,有些网上文章把:toolbarSet写成了:toolbarKit,这是错误的。如果你发现对工具栏的配置不起作用,那么要检查一下。正确的写法如下:

<%=fckeditor_textarea(:topic, :content, :ajax => true, :toolbarSet => 'Simple', :width => '100%', :height => '300px') %>
分享到:
评论

相关推荐

    Fckeditor皮肤Fckeditor皮肤

    5. **自定义配置**:Fckeditor允许用户通过配置文件定制编辑器的功能和外观,包括选择皮肤。开发者需要知道如何编辑或创建配置文件(通常是`fckconfig.js`),以启用或禁用特定皮肤。 6. **兼容性测试**:由于...

    FCKEDITOR_ASP版

    **fckeditor.asp** 是ASP版本的FCKeditor核心文件,其中包含了与服务器交互的逻辑,如初始化编辑器、接收和处理用户输入的数据等。 **fckconfig.js** 是FCKeditor的配置文件,通过修改这个文件,可以定制编辑器的...

    FCKeditor && fckeditor.properties

    `fckeditor.properties`中的配置项涵盖了语言设定、路径配置、安全选项、编辑器样式等多个方面,通过修改这些配置,可以定制FCKeditor以满足特定项目的需求。 1. **语言设定**:FCKeditor支持多语言,`fckeditor....

    fckeditor实例以及jar包

    这个功能可以通过配置文件进行定制,比如设置上传的文件类型、大小限制,以及上传后的文件路径管理。 6. **跨浏览器兼容性** FCKeditor支持多种主流浏览器,如Internet Explorer、Firefox、Chrome和Safari,确保了...

    FCKEditor

    总的来说,FCKeditor作为一个网页编辑器,为网站提供了强大的内容创建工具,而其高度定制化和易用性使其在Web开发领域广受欢迎。无论是初学者还是经验丰富的开发者,都能通过深入学习和利用FCKeditor来提升网站用户...

    FCKeditor

    4. **返回结果**:服务器端处理完成后,需要返回一个XML响应给FCKeditor,告知上传是否成功以及图片的URL。 ### 二、FCKeditor配置说明 FCKeditor的配置主要在`fckconfig.js`文件中进行,常见的配置选项包括: 1....

    FCKeditor配置for java

    解压后,你会得到一个包含各种文件和目录的文件夹,如`fckeditor`,其中包含了编辑器的核心文件、样例、语言包以及所需的JavaScript库。 2. **添加到项目** 将解压后的`fckeditor`文件夹复制到你的Java Web项目的...

    FCKeditor 2.6.6 可直接使用

    4. **跨平台兼容**:FCKeditor适用于多种操作系统和浏览器环境,包括Windows、Linux、Mac以及Firefox、Chrome、IE等主流浏览器。 5. **易于集成**:描述中提到可以直接复制到项目中使用,这表明FCKeditor提供了简单...

    FCKEditor使用帮助文档

    **FCKEditor使用帮助文档** ...通过持续学习和实践,你可以根据项目需求定制FCKEditor,使其更好地服务于你的Web应用。在遇到问题时,查阅官方文档、社区资源和已有的解决方案,通常都能找到解答。

    Fckeditor(综合利用工具)

    总而言之,Fckeditor作为一款强大的富文本编辑器,不仅为用户提供便捷的内容创作工具,也为开发者提供了丰富的定制选项和集成方案,是构建内容管理系统或在线编辑应用的理想选择。通过深入理解和利用其特性,可以...

    fckeditor源文件和demo

    - **配置**:FCKeditor有许多可配置的选项,如工具栏布局、字体样式、语言设置等,可以根据需求进行个性化定制。 - **插件扩展**:FCKeditor拥有丰富的插件系统,可以扩展其功能,例如添加视频插入、代码高亮等。 - ...

    fckeditor

    1. **网站后台管理**:许多企业网站和博客系统会用FCKeditor作为文章编辑工具,使管理员能方便地发布和更新内容。 2. **论坛和社区**:论坛的帖子编辑、个人签名编辑等功能也可以用FCKeditor来实现,提供更丰富的...

    FckEditor有用的资源

    通过解压这个文件,开发者可以深入理解FCKeditor的工作原理,对其进行二次开发或定制以满足特定需求。例如,你可以查看其JavaScript源码来学习如何扩展编辑器的功能,或者调整CSS样式以适应网站的设计。此外,如果...

    fckeditor2.6.3 完整版

    FCKEDITOR提供了一套用于定制其外观,特性及行为的设置集.主配置文件名为Fckconfig.js 你既可以编辑主配置文件,也可以自己定义单独的配置文件.配置文件使用JAVASCRIPT语法. 修改后,在建立编辑器时,可以使用以下语法:...

    FCKeditor.Net_2.6.3.zip和FCKeditor-v2.6.3

    在FCKeditor-v2.6.3这个版本中,可能包含了对之前版本的错误修复、性能优化以及新功能的添加。例如,可能增强了对HTML5的支持,或者提高了与某些特定服务器端技术(如ASP.NET)的集成度。而FCKeditor.Net_2.6.3.zip...

    fckeditor和级联菜单日历实例

    级联菜单在FCKeditor中的应用,可以提升编辑器的可操作性,例如,为用户提供定制的样式选择、模板切换等功能。开发者需要编写JavaScript代码来创建菜单项,处理点击事件,并与FCKeditor的API进行交互,将用户的选择...

    fckeditor九套皮肤

    FCKeditor以其强大的功能和良好的用户体验而受到开发者的喜爱,其中皮肤(skins)是提升用户体验的重要组成部分。 FCKeditor的皮肤指的是编辑器界面的视觉样式,包括颜色、布局、按钮样式等。它允许开发者或用户...

    Fck文本编辑器 FCKeditor fckeditor

    总的来说,FCKeditor是一款功能强大、易于定制的富文本编辑器,尽管已被更先进的CKEditor所取代,但其在许多旧系统和项目中仍有着广泛的应用。对于想要提高网站交互性的开发者而言,理解并掌握FCKeditor的使用和配置...

Global site tag (gtag.js) - Google Analytics