zblog的文章编辑很多功能不能实现,代码也插入不了,今天给大家提供一个扩展zblog文章编辑功能的方法。不但可以向本文一样显示代码,并且高亮显示。

一、在FCKeditor的配置文件(一般为fckconfig.js或custom.config.js)中,配置 FCKConfig.ToolbarSets设置部分 添加一个按钮值 'InsertCode',步骤如下:

        1、在配置文件中找到下面的代码:    

JavaScript代码
 
XML/HTML代码
  1. FCKConfig.ToolbarSets["Default"] = [         

  2.     ['Source','FontName','FontSize'],         

  3.     ['TextColor','BGColor'],         

  4.     ['Image','Media','Flash','Table','Smiley','SpecialChar'],         

  5.     ['ShowBlocks','Preview','FitWindow'],         

  6.     '/',         

  7.     ['PasteText','Templates','Find','RemoveFormat'],         

  8.     ['Undo','Redo'],         

  9.     ['-','Bold','Italic','Underline','StrikeThrough'],         

  10.     ['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote'],         

  11.     ['JustifyLeft','JustifyCenter','JustifyRight'],         

  12.     ['Link','Unlink','Rule'],         

  13.     ['Subscript','Superscript','-','InsertCode']   // No comma for the last row.         

  14. ] ;       

        看到了么?最后一句的区别。

        2、查找:FCKConfig.PluginsPath = FCKConfig.BasePath + 'plugins/';

                在下面加上:
                FCKConfig.Plugins.Add('insertcodeRun');

 

二、打开fckeditor\editor\lang文件夹里的zh-cn.js,在结尾的 };之前 加入以下代码

        InsertCodeBtn : "插入代码"
        注意:加入上面代码时,原来的最未句代码后面要加个逗号.

 

三、最后在模板文件 < #ZC_BLOG_HOST#>themes/< #ZC_BLOG_THEME#>/single.html 里加上调用代码高亮的CSS,如下如果不需要复制代码功能,加上下面这个:  

 

        (1)XML/HTML Code复制内容到剪贴板

XML/HTML代码
  1. <link rel="stylesheet" type="text/css" href="<#ZC_BLOG_HOST#>admin/fckeditor/editor/plugins/insertcodeRun/insertCode.css" />       

 

  (2)如果想要复制代码功能,要加入两个调用:

        XML/HTML Code复制内容到剪贴板

XML/HTML代码
  1. <script type="text/javascript" src="<#ZC_BLOG_HOST#>admin/fckeditor/editor/plugins/insertcodeRun/insertcodePage.js"></script>        

  2. <link rel="stylesheet" type="text/css" href="<#ZC_BLOG_HOST#>admin/fckeditor/editor/plugins/insertcodeRun/insertCode.css" />     

 Upload下载:Upload  15KB

相关文章: