当前位置:首页 > 行业动态 > 正文

如何在DedeCMS的默认编辑器中添加中文字体选项?

要给DedeCMS默认编辑器增加中文字体选项,可以通过修改编辑器的配置文件来实现。具体操作如下:,,1. 打开 DedeCMS的后台管理界面,找到“系统”>“基本设置”>“编辑器设置”。,2. 在编辑器设置页面,找到“字体设置”选项,点击“添加”按钮。,3. 在弹出的窗口中,输入中文字体的名称,微软雅黑”,然后点击“确定”按钮。,4. 保存设置,刷新编辑器页面,即可看到新增的中文字体选项。

在DedeCMS(织梦内容管理系统)中,默认的ckeditor编辑器并未提供中文字体选项,为了增加中文字体选项,可以通过修改配置文件来实现,以下是详细的步骤和注意事项:

打开并编辑ckeditor.js文件

1、定位文件:找到DedeCMS安装目录下的include/ckeditor文件夹,然后打开其中的ckeditor.js文件。

2、添加中文字体:在文件中找到设定字体的部分,通常是一个名为font_names的变量,在该变量的值中添加所需的中文字体,格式为“显示的字体名称/实际字体名称”。

“`javascript

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

“`

注意不要漏掉逗号。

3、保存并更新缓存:保存对ckeditor.js文件的修改后,需要更新DedeCMS系统的缓存才能看到效果,在DedeCMS后台,依次选择“生成”→“更新系统缓存”→“开始执行”,等待更新完成后刷新页面即可看到新增的中文字体选项。

通过config.js文件添加中文字体

除了直接修改ckeditor.js文件外,还可以通过修改config.js文件来添加中文字体,这种方法在某些情况下可能更为方便。

1、定位文件:找到DedeCMS安装目录下的include/ckeditor文件夹中的config.js文件。

2、编辑文件:用文本编辑器(如Dreamweaver)打开config.js文件,在文件中找到以下代码段:

“`javascript

CKEDITOR.editorConfig = function( config ) { }

“`

在这个代码段中添加以下内容:

“`javascript

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

“`

注意保持原有的英文字体不变,只需在最后添加中文字体部分即可。

3、保存并更新缓存:与修改ckeditor.js文件一样,保存对config.js文件的修改后,也需要更新DedeCMS系统的缓存才能看到效果。

注意事项

1、编码问题:在添加中文字体时,如果遇到乱码问题,可以尝试将config.js文件的编码格式改为Unicode (UTF8),以避免乱码现象。

2、字体兼容性:请确保所选的中文字体在用户的计算机上已经安装或可用,否则即使添加到编辑器中也无法正常显示。

3、测试验证:完成上述操作后,建议在DedeCMS后台进行测试,确保中文字体能够正常显示和使用。

FAQs

1、Q: 为什么修改了ckeditor.js文件后还是看不到中文字体?

A: 可能是因为没有更新系统缓存,请按照上述步骤更新DedeCMS系统的缓存后再试。

2、Q: 添加中文字体后出现乱码怎么办?

A: 可能是由于文件编码问题导致的,请尝试将config.js文件的编码格式改为Unicode (UTF8)。

3、Q: 可以添加哪些中文字体?

A: 理论上可以添加任何已安装在用户计算机上的中文字体,常见的中文字体包括宋体、黑体、仿宋、楷体、隶书、幼圆、微软雅黑等,具体添加哪些字体可以根据实际需求和个人喜好来决定。

选项 描述 操作步骤
字体名称 中文字体选项的字体名称,”微软雅黑”、”宋体”等 1. 打开DedeCMS编辑器配置文件(通常是editor/config.js
2. 在editor.css中添加新的字体样式,
.fword{fontfamily: "微软雅黑", sansserif;}
3. 在editor.js中找到字体配置的数组,添加新的字体选项,
var fontList = ["宋体", "微软雅黑", "Arial", "Verdana", "sansserif"];
字体样式 字体的样式,如粗体、斜体等 1. 在添加字体名称的同时,可以指定字体样式,
fontfamily: "微软雅黑", bold;
2. 在editor.js中的字体配置数组中,添加相应的样式标识,
var fontList = ["宋体", "微软雅黑 bold", "Arial", "Verdana", "sansserif"];
字体大小 字体的大小,”12px”、”14pt”等 1. 在editor.css中定义字体大小的样式,
.fword{fontsize: 14pt;}
2. 在editor.js中可以设置默认的字体大小,
var defaultFontSize = 14;
预设字体 是否将字体设置为编辑器中的预设字体之一 1. 在editor.js中的字体配置数组中,设置字体为预设值,
var fontList = ["宋体", "微软雅黑", "Arial", "Verdana", "sansserif"];
2. 在编辑器界面中,用户可以通过字体下拉菜单选择预设字体。
可用性 字体是否对编辑器用户可用 1. 在editor.js中确保字体被包含在字体列表中。
2. 确保编辑器界面中的字体下拉菜单包含了新添加的字体选项。
0