DEDEcms 5.7 集成了 CKEditor 网页编辑器,这款编辑器的前身是 FCKeditor。它是一款功能强大且开源的网页编辑器,但由于版本更新,CKEditor 和 FCKeditor 的配置方式存在一些差异。


下面我们将分享如何为 CKEditor 网页编辑器添加中文字体,以满足更多用户的需求。


首先,打开文件 include/ckeditor/ckeditor.js,使用文本编辑器打开后,搜索关键字 font_names。找到字体列表后,按照以下方法进行修改:



i.font_names='Arial/Arial, Helvetica, sans-serif;\\
Comic Sans MS/Comic Sans MS, cursive;\\
Courier New/Courier New, Courier, monospace;\\
Georgia/Georgia, serif;\\
Lucida Sans Unicode/Lucida Sans Unicode, Lucida Grande, sans-serif;\\
Tahoma/Tahoma, Geneva, sans-serif;\\
Times New Roman/Times New Roman, Times, serif;\\
Trebuchet MS/Trebuchet MS, Helvetica, sans-serif;\\
Verdana/Verdana, Geneva, sans-serif;\\
宋体/宋体;\\
黑体/黑体;\\
仿宋/仿宋_GB2312;\\
楷体/楷体_GB2312;\\
隶书/隶书;\\
幼圆/幼圆;\\
微软雅黑/微软雅黑';

在上述代码中,我们为字体列表添加了常用的中文字体,例如宋体、黑体、仿宋、楷体等。需要注意的是,每种字体的格式必须遵循“显示的字体名称/实际字体名称”的规则。例如,“宋体/宋体”表示在编辑器界面中显示“宋体”,而实际应用的字体也是“宋体”。如果直接写成“宋体”,可能会导致字体无法正常显示。


完成上述修改后,请确保保存文件并刷新浏览器缓存,以便查看效果。此外,如果您希望进一步自定义字体样式,还可以通过调整 CSS 文件来实现更精细的控制。


总结来说,通过正确配置 font_names 参数,您可以轻松为 CKEditor 添加中文字体支持,从而提升用户体验。这种方法不仅简单易行,而且适用于大多数基于 DEDEcms 的网站项目。