`
zjcheng
  • 浏览: 91951 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

给FCKEDITOR添加中文字体

阅读更多
先在fckeditor文件夹下找说明文档,根据提示将下面代码复制到</head>标签中。

<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
<script type="text/javascript">
   window.onload = function()
   {
    var oFCKeditor = new FCKeditor( 'content' ) ;
    oFCKeditor.BasePath = "/blog/fckeditor/" ;
    oFCKeditor.Height = 400;
    oFCKeditor.ReplaceTextarea() ;
   
   }
</script>

默认情况下,FCKEditor在进行文本编辑时,无法使用中文字体。

解决方法如下:

打开 fckconfig.js 文件
找到如下的行:
FCKConfig.FontNames   = 'Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;
将其修改为:
FCKConfig.FontNames   = '宋体;黑体;幼圆;楷体_GB2312;仿宋_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ; 

修改完后存为UTF-8的格式
当当,这样还是不行,虽然发现编辑器的字体选项多了已添加的中文字体,但应用到文本上却发现没有任何作用!
接着下一步 :)

打开editor/css/fck_editorarea.css 文件

将:
font-family: Arial, Verdana, sans-serif;
修改为:
font-family: 宋体, 黑体, 幼圆, 楷体, 仿宋, Arial, Verdana, sans-serif;


保存,刷新后将即可以使用中文字体了。


分享到:
评论

相关推荐

    用FCKEditor添加中文字体

    同样,我们需要在这个列表中添加中文字体,以确保编辑器在实际应用时能够显示这些字体。修改后的代码应为: ```css font-family: 宋体, 黑体, 幼圆, 楷体, 仿宋, Arial, Verdana, sans-serif; ``` 最后但同样重要...

    FCKeditor中文使用手册

    FCKeditor拥有丰富的功能,如字体样式调整、段落格式化、图片和链接管理、表格编辑等。手册将逐一解释这些功能,帮助开发者了解如何在实际操作中应用。 **5. 自定义与扩展** FCKeditor允许自定义工具栏按钮,添加...

    fckeditor中文修改版 PHP

    3. **配置文件调整**:可能对配置文件(如`fckconfig.js`)进行了修改,添加或修改了与中文支持相关的设置。 4. **语言包更新**:为了支持中文界面,可能更新了语言包,提供完整的中文翻译。 在实际使用这个中文...

    fckeditor中文版

    3. **插件扩展**:FCKeditor允许开发者通过编写插件来扩展其功能,比如添加新的按钮、工具栏项或者完全定制编辑器的行为,以满足特定项目的需求。 4. **API接口**:其强大的API允许开发者通过JavaScript与编辑器...

    FCKeditor

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

    fckeditor2.66 for ASP中文版

    **FCKeditor 2.66 for ASP 中文版** FCKeditor 是一款开源的、基于Web的富文本编辑器,适用于多种服务器端环境,包括ASP。2.66 版本是该编辑器的一个重要迭代,提供了丰富的文本格式化功能,使用户能够在网页上进行...

    FckEditor有用的资源

    FCKeditor的中文文档.doc是一个非常宝贵的资源,它可能包含了关于如何安装、配置、自定义以及使用FCKeditor的详细指导。在文档中,你可以找到如何在你的网页项目中集成这个编辑器的步骤,包括设置基本属性、添加按钮...

    Fck文本编辑器 FCKeditor fckeditor

    3. **多种语言支持**: FCKeditor支持多语言界面,包括中文,满足了全球用户的使用需求。 4. **自定义配置**: 编辑器的外观和功能可以通过配置文件进行定制,以适应不同的应用场景。 5. **表情支持**: 描述中提到,...

    FCKeditor_2.6.3+FCKeditor-2.3.rar

    1. **多语言支持**:FCKeditor 2.6.3支持多种语言,包括中文,使得全球用户都能方便地使用。 2. **丰富的编辑功能**:它提供了诸如字体、字号、颜色、对齐方式、列表、表格、链接、图片、多媒体插入等文本编辑常用...

    FCKeditor具体设置及使用

    还可以添加几种常用的字体,修改`FCKConfig.FontNames = 'Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;`为`FCKConfig.FontNames = '宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier...

    FckEditor在线编辑器

    1. **富文本编辑**:FckEditor提供了丰富的文本格式化选项,用户可以调整字体、字号、颜色,添加粗体、斜体、下划线等样式。它还支持对文本进行对齐、缩进、创建列表以及插入链接和图片。 2. **源代码视图**:编辑...

    FCKeditor_2.6.5和中文帮助文档

    - **API接口**: FCKeditor 提供了一套丰富的JavaScript API,允许开发者自定义编辑器的行为,如添加新的按钮或工具栏项。 - **事件处理**: 开发者可以监听编辑器的各种事件,如文本改变、提交前的验证等,以实现...

    FCKeditor完整.zip

    4. **语言包**:为了满足多语种需求,FCKeditor提供了各种语言的支持,包括中文、英文、法文等,使得非英语用户也能方便使用。 5. **文档**:官方文档可能包含安装指南、API参考、常见问题解答等,帮助开发者更好地...

    fckeditor设置和使用方法

    - 修改`Web.config`文件,在`AppSettings`部分添加FCKeditor的相关设置。如果使用默认的文件上传功能,添加以下两行: ```xml &lt;add key="FCKeditor:BasePath" value="~/fckeditor/"/&gt; &lt;add key="FCKeditor:...

    fckeditor文本编辑 实现了上传大小控制 中文名问题 格式控制等

    开发者可以通过自定义工具栏按钮或修改`fckeditor.js`来添加或删除格式选项。此外,还可以通过CSS样式来控制编辑器内的元素外观,如字体、颜色、对齐方式等。 在`fckeditor-java-2.4`中,提供了与FCKeditor交互的...

    FCKeditor配置方法

    2. 将FCKeditor控件添加到VS工具箱:右键点击工具箱中的“常用”标签,选择“组件”-&gt;“选择项”,然后定位到FredCK.FCKeditorV2.dll并添加。 配置Web.Config文件是关键步骤之一。你需要在`&lt;appSettings&gt;`节点下...

    FCKEditor使用帮助文档

    3. **插件扩展**: FCKEditor支持插件扩展,你可以根据需求添加或开发新的功能,如代码高亮、视频插入等。 ### 四、常见问题与解决方法 1. **编辑器显示不全**: 确保你的页面使用了正确的DOCTYPE声明,并且没有CSS...

    Fckeditor 2.6.4的详细配置,解决了中文文件夹,中文图片的问题

    3. 如果需要调整字体、颜色等默认样式,可以修改 `fckeditor.css` 文件。 **五、安全与优化** 1. 注意设置上传文件类型限制,避免安全隐患。 2. 考虑使用反向代理(如 Nginx 或 Apache)进行静态资源缓存,提高...

Global site tag (gtag.js) - Google Analytics