DedeCms 5.7에서 코드 강조를 구현하는 방법

onOk : function() { 
var i = this.getParentEditor(); 
var h = i.getSelection(); 
var g = h.getStartElement(); 
var l = g && g.getAscendant("pre", true); 
var j = f(); 
this.commitContent(j); 
var k = e(j); 
var m = CKEDITOR.dom.element 
.createFromHtml(&#39;<table style="border:1px solid #EAED9C;width:660px;"><tr><td><pre class="&#39; + k + &#39;">&#39; 
+ c(j.code) +"

CKEDITOR.plugins.setLang('syntaxhighlight', 'en', 
{ 
syntaxhighlight: 
{ 
title: 'Add or update a code snippet', 
sourceTab: 'Source code', 
langLbl: 'Select language', 
advancedTab: 'Advanced', 
hideGutter: 'Hide gutter', 
hideGutterLbl: 'Hide gutter & line numbers.', 
hideControls: 'Hide controls', 
hideControlsLbl: 'Hide code controls at the top of the code block.', 
collapse: 'Collapse', 
collapseLbl: 'Collapse the code block by default. (controls need to be turned on)', 
showColumns: 'Show columns', 
showColumnsLbl: 'Show row columns in the first line.', 
lineWrap: 'Disable line wrapping', 
lineWrapLbl: 'Switch off line wrapping.', 
lineCount: 'Default line count', 
highlight: 'Highlight lines', 
highlightLbl: &#39;Enter a comma seperated lines of lines you want to highlight, eg <em>3,10,15</em>.&#39; 
} 
});

CKEDITOR.plugins.setLang('syntaxhighlight', 'cn', 
{ 
syntaxhighlight: 
{ 
title: '添加或更新代码', 
sourceTab: '代码', 
langLbl: '选择语言', 
advancedTab: '高级', 
hideGutter: '隐藏分割线', 
hideGutterLbl: '隐藏分割线和行号', 
hideControls: '隐藏工具栏', 
hideControlsLbl: '隐藏浮动工具栏', 
collapse: '代码折叠', 
collapseLbl: '默认折叠代码块 (需要启用工具栏)', 
lineWrap: '自动换行', 
lineWrapLbl: '关闭自动换行', 
autoLinks: '自动链接', 
autoLinksLbl: '不自动转换超链接', 
lineCount: '起始行号', 
highlight: '高亮行号', 
highlightLbl: &#39;输入以逗号分隔的行号, 如 <em>3,10,15</em>.&#39; 
} 
});

CKEDITOR.plugins.add("syntaxhighlight", { 
requires : [ "dialog" ], 
lang : [ "cn" ], 
init : function(a) { 
var b = "syntaxhighlight"; 
var c = a.addCommand(b, new CKEDITOR.dialogCommand(b)); 
c.modes = { 
wysiwyg : 1, 
source : 1 
}; 
c.canUndo = false; 
a.ui.addButton("Code", { 
label : a.lang.syntaxhighlight.title, 
command : b, 
icon : this.path + "images/syntaxhighlight.gif" 
}); 
CKEDITOR.dialog.add(b, this.path + "dialogs/syntaxhighlight.js") 
} 
});

[code] 
// 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("
"); 
} 
}); 
// alert('dedepage!'); 
// Register the toolbar button. 
editor.ui.addButton( 'MyPage', 
{ 
label : '插入分页符', 
command : 'dedepage', 
icon: 'images/dedepage.gif' 
}); 
// alert(editor.name); 
}, 
requires : [ 'fakeobjects' ], 
requires : ['syntaxhighlight'] 
}); 
})(); 
[/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') 
);

<script type="text/javascript" src="/include/ckeditor/plugins/syntaxhighlight/scripts/shCore.js"> </script> 
<script type="text/javascript" src="/include/ckeditor/plugins/syntaxhighlight/scripts/shBrushJava.js"></script> 
<script type="text/javascript" src="/include/ckeditor/plugins/syntaxhighlight/scripts/shBrushJScript.js"></script> 
<script type="text/javascript" src="/include/ckeditor/plugins/syntaxhighlight/scripts/shBrushPhp.js"></script> 
<script type="text/javascript" src="/include/ckeditor/plugins/syntaxhighlight/scripts/shBrushScala.js"></script> 
<script type="text/javascript" src="/include/ckeditor/plugins/syntaxhighlight/scripts/shBrushSql.js"></script> 
<script type="text/javascript" src="/include/ckeditor/plugins/syntaxhighlight/scripts/shBrushVb.js"></script> 
<script type="text/javascript" src="/include/ckeditor/plugins/syntaxhighlight/scripts/shBrushXml.js"></script> 
<script type="text/javascript" src="/include/ckeditor/plugins/syntaxhighlight/scripts/shBrushBash.js"></script> 
<script type="text/javascript" src="/include/ckeditor/plugins/syntaxhighlight/scripts/shBrushCpp.js"></script> 
<script type="text/javascript" src="/include/ckeditor/plugins/syntaxhighlight/scripts/shBrushCSharp.js"></script> 
<script type="text/javascript" src="/include/ckeditor/plugins/syntaxhighlight/cripts/shBrushCss.js"></script> 
<script type="text/javascript" src="/include/ckeditor/plugins/syntaxhighlight/scripts/shBrushDelphi.js"></script> 
<script type="text/javascript" src="/include/ckeditor/plugins/syntaxhighlight/scripts/shBrushDiff.js"></script> 
<script type="text/javascript" src="/include/ckeditor/plugins/syntaxhighlight/scripts/shBrushGroovy.js"></script> 
<script type="text/javascript" src="/include/ckeditor/plugins/syntaxhighlight/scripts/shBrushPlain.js"></script> 
<script type="text/javascript" src="/include/ckeditor/plugins/syntaxhighlight/scripts/shBrushPython.js"></script> 
<script type="text/javascript" src="/include/ckeditor/plugins/syntaxhighlight/scripts/shBrushRuby.js"></script> 
<link type="text/css" rel="stylesheet" href="/include/ckeditor/plugins/syntaxhighlight/styles/shCore.css"/> 
<link type="text/css" rel="stylesheet" href="/include/ckeditor/plugins/syntaxhighlight/styles/shThemeDefault.css"/> 
<script type="text/javascript"> 
SyntaxHighlighter.config.clipboardSwf = &#39;/include/ckeditor/plugins/syntaxhighlight/scripts/clipboard.swf&#39;; 
SyntaxHighlighter.all(); 
</script>