آموزش استفاده از syntaxhighlighter در ckeditor

[LostOfMind]

در این پست نحوه استفاده از syntaxhighlighter در ckeditor را توضیح می دهیم.

برای استفاده لازم است ابتدا ckeditor و syntaxhighlight را دانلود کنید


[*=1]دانلود syntaxhighlight (http://astanweb.ir/files/file/1394/syntaxhighlighter.zip)
[*=1]دانلود ckeditor (http://astanweb.ir/files/file/1394/ckeditor.zip)
[*=1] دانلود dll (http://astanweb.ir/files/file/1394/ckeditor_dll.zip)

سپس کد های زیر را به header صفحه مورد نظر خود اضافه کنید


<script type="text/javascript" src="SyntaxHighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="SyntaxHighlighter/scripts/shBrushCSharp.js"></script>
<script type="text/javascript" src="SyntaxHighlighter/scripts/shBrushCss.js"></script>
<script type="text/javascript" src="SyntaxHighlighter/scripts/shBrushJava.js"></script>
<script type="text/javascript" src="SyntaxHighlighter/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="SyntaxHighlighter/scripts/shBrushPhp.js"></script>
<script type="text/javascript" src="SyntaxHighlighter/scripts/shBrushPlain.js"></script>
<script type="text/javascript" src="SyntaxHighlighter/scripts/shBrushSql.js"></script>
<script type="text/javascript" src="SyntaxHighlighter/scripts/shBrushVb.js"></script>
<script type="text/javascript" src="SyntaxHighlighter/scripts/shBrushXml.js"></script>
<link type="text/css" rel="stylesheet" href="SyntaxHighlighter/styles/shCore.css"/>
<link type="text/css" rel="stylesheet" href="SyntaxHighlighter/styles/shThemeDefault.css"/>
<script type="text/javascript">
SyntaxHighlighter.config.clipboardSwf = 'SyntaxHighlighter/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>



برای استفاده از کافی بر روی آیکن http://astanweb.ir/files/images/94/toolbar.gif کلیک کنید تا پنجره زیر باز شود




http://astanweb.ir/files/images/94/code.gif



در این پنجره می توانید زبان مورد نظر خود را از بخش Select Language انتخاب کرده و کد مورد نظر را وارد نمائید