百翔博客

★百翔网络★24小时服务热线:029-87617572,7年网站建设经验,您身边的网站建设专家专业致力于西安网站建设,西安网站制作,西安网站设计,西安网站优化,西安网站推广,西安网站维护,西安网页设计,西安网页制作,西安网站托管,西安网站建设公司,西安网站制作公司,西安网站设计公司,西安网站优化公司,西安做网站的公司,西安网页设计公司,西安网页制作公司,西安网站推广公司,西安网站维护公司等业务,品质保障,追求卓越!

« 百翔分享如何给z-blog博客添加插入运行html代码框的小插件for z-blogMysql unix时间戳以及转换方式 »

zblog的FCK编辑器中如何插入代码并高亮显示

   首先下载201207251927154373.rar文件压缩包,将upload文件夹下面的文件上传到网站根目录下(目录已经编辑好,直接上传就可以),然后做如下的修改:

一、在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. <link rel="stylesheet" type="text/css" href="<#ZC_BLOG_HOST#>css/sean_code.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" />  
  3. <link rel="stylesheet" type="text/css" href="<#ZC_BLOG_HOST#>css/sean_code.css" />  
  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

网站分类

最新评论及回复

最近发表

网站收藏

友情链接

图标汇集

Powered By 西安网站建设西安网站优化西安seoseo论坛西安安防监控

Copyright 2008-2010 百翔网络www.fly810.com, All Rights Reserved.