DEDECMS后台编辑器添加中文字体方法

2017-04-20 23:12:35 dedecms

打开dedecms的后台添加文档的时候,发现竟然中国字体没有?那么遇到这种情况我们应该怎么办呢?

其实办法很简单

DedeCMS 5.7集成了ckeditor网页编辑器,它的原名是FCKeditor,是一个非常优秀的开源网页编辑器,但二者的配置却不完全相同。

下面为ckeditor网页编辑器添加中文字体的方法:

打开 include/ckeditor/ckeditor.js ,搜索 i.font_names ,找到字体列表。添加所需的中文字体,添加后为:

  1. i.font_names= 'Arial/Arial, Helvetica, sans-serif;Comic Sans MS/Comic Sans MS, 
  2. cursive;Courier New/Courier New, Courier, monospace;Georgia/Georgia, 
  3. serif;Lucida Sans Unicode/Lucida Sans Unicode, Lucida Grande, sans-serif;Tahoma/Tahoma, 
  4. Geneva, sans-serif;Times New Roman/Times New Roman, Times, serif;Trebuchet MS/Trebuchet MS, 
  5. Helvetica, sans-serif;Verdana/Verdana, Geneva, sans-serif;[page]分页标题#e#
  6. 宋体/宋体;黑体/黑体;仿宋/仿宋_GB2312;楷体/楷体_GB2312;隶书/隶书;幼圆/幼圆;微软雅黑/微软雅黑' ; 

需要特别注意的是:添加的字体,要写成诸如“宋体/宋体”的形式,而不是“宋体”。即“显示的字体名称/实际字体名称”的格式。


有的同学在添加完后发现后台还是原来的样子,没有增加字体啊?奇怪怎么回事呢?

这里要注意了,你更新了js后后台调用的js他还有缓冲没有更新(题外话:最近很多同学在dedecms模板下载安装到网站后,也忘了更新缓存造成出错),这时候你要把

<!-- 添加下面的代码 -->

  <textarea name="body" rows="8" cols="60"></textarea> 
<script type="text/Javascript">//<![CDATA[ 
window.CKEDITOR_BASEPATH='/include/ckeditor/'; 
//]]></script>

<script type="text/Javascript" src="/include/ckeditor/ckeditor.js?t=B8DJ5M3"></script> 
<script type="text/Javascript">//<![CDATA[ 
CKEDITOR.replace('body', {"extraPlugins":"dedepage,multipic,addon","toolbar":[["Source","-","Templates"],["Cut","Copy","Paste","PasteText","PasteFromWord","-","Print"],["Undo","Redo","-","Find","Replace","-","SelectAll","RemoveFormat"],["ShowBlocks"],["Image","Flash","Addon"],["Maximize"],"/",["Bold","Italic","Underline","Strike","-"],["NumberedList","BulletedList","-","Outdent","Indent","Blockquote"],["JustifyLeft","JustifyCenter","JustifyRight","JustifyBlock"],["Table","HorizontalRule","Smiley","SpecialChar"],["Link","Unlink","Anchor"],"/",["Styles","Format","Font","FontSize"],["TextColor","BGColor","MyPage","MultiPic"]],"height":450,"skin":"kama"}); [page]分页标题[/page]
//]]></script>

这段代码放到首页更新下首页,然后再把这段代码去掉,这时候你到后台就可以看到你添加的字体了。