如何在DedeCMS的默认编辑器中添加中文字体选项?
- 行业动态
- 2024-10-08
- 1
在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. 确保编辑器界面中的字体下拉菜单包含了新添加的字体选项。 |
本站发布或转载的文章及图片均来自网络,其原创性以及文中表达的观点和判断不代表本站,有问题联系侵删!
本文链接:http://www.xixizhuji.com/fuzhu/118544.html