it看看- 看看it界内发生的事

IT看看--程序员的快乐之家

正在加载中……
当前位置: 主页 > 开源网站技术 > DedeCms 5.7 代码高亮实现方法

DedeCms 5.7 代码高亮实现方法

时间:2014-06-12来源:网络 作者:未知点击:
织梦CMS是国内比较优秀的CMS建站系统之一,DedeCms采用CKEditor在线编辑器,本文讲一下DedeCms 5.7在CKEditor中如何利用SyntaxHighlighter实现代码高亮



第一步:下载SyntaxHighlighter,点击这里
SyntaxHighlighter



第二步:将下载的syntaxhighlight文件夹上传到/include/ckeditor/plugins/文件夹下


第三步:修改/include/ckeditor/ckeditor.inc.php文件,在$toolbar['Basic']数组的最后一行添加元素Code,修改后代码如下:

$toolbar['Basic'] = array(
array( 'Source','-','Templates'),
array( 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Print'),
array( 'Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'),
array( 'ShowBlocks'),array('Image','Flash'),array('Maximize'),'/',
array( 'Bold','Italic','Underline','Strike','-'),
array( 'NumberedList','BulletedList','-','Outdent','Indent','Blockquote'),
array( 'JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'),
array( 'Table','HorizontalRule','Smiley','SpecialChar'),
array( 'Link','Unlink','Anchor'),'/',
array( 'Styles','Format','Font','FontSize'),
array( 'TextColor', 'BGColor', 'MyPage','Code')  //只加上Code就行了
); 


第四步:在\include\ckeditor\plugins\dedepage文件夹 打开plugin.js文件在最后面添加:
requires : ['syntaxhighlight'],其中syntaxhighlight为代码高亮插件的文件夹名,添加完之后的代码如下:

// Register a plugin named "dedepage".
(function()
{
    CKEDITOR.plugins.add( 'dedepage',
    {
        init : function( editor )
        {
            // Register the command.
            editor.addCommand( 'dedepage',{
                exec : function( editor )
                {
                    // Create the element that represents a print break.
                    // alert('dedepageCmd!');
                    editor.insertHtml("
      
   
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
相关内容
推荐内容