DedeCms 5.7 でコードの強調表示を実装するにはどうすればよいですか?
ブログ Web サイトを構築する場合でも、CMS タイプの Web サイトを構築する場合でも、その多くはコードの強調表示が必要です。Dreamweaver CMS は、中国で最も優れた CMS Web サイト構築システムの 1 つです。 WordPress などのプラグインが利用可能です。私は最新の dedeCMS 5.7 を使用しています。長い間インターネットで情報を探してきました。ほとんどの情報は CKEditor と SyntaxHighlighter の統合に関する記事を書いています。ただし、dedecms には ckeditor が統合されています、通常は config.js の ckeditor のみを対象とします。変更内容は異なります。
推奨学習: 梦Weavercms
なので、自分で考えて修正するしかないので、ウェブマスターの友人の参考のために方法を書き留めておきます:
1. まず、SyntaxHighlighter の公式 Web サイトにアクセスしてダウンロードします (URL: http://alexgorbatchev.com/SyntaxHighlighter/download/)。バージョン 2.1 をダウンロードすることをお勧めします。バージョン 3.0 は自動行折り返しをサポートしていないようです。ここではバージョン 2.1.382 を使用します。ダウンロードしたファイルを syntaxHighlight フォルダーに解凍し、不要なファイルを削除し、script フォルダーと style フォルダーだけを残します。
2. 新しいダイアログ フォルダーを作成し、その中に syntaxhighlight.js という名前のファイルを作成します。コードが大きすぎるため、投稿するのは適切ではありません。syntaxhighlight.js を直接ダウンロードしてください
変更したい場合 コード部分のスタイルは、以下のコードの
タグの前に配置し、前の Web ページが読み込まれるのを待ってから、読み込んで表示することをお勧めします。
コードは次のとおりです:
<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 = '/include/ckeditor/plugins/syntaxhighlight/scripts/clipboard.swf'; SyntaxHighlighter.all(); </script>
最終的に公開および生成された記事ページのレンダリングは次のとおりです:
もちろん、これは統合にはいくつかの欠点もあります。HTML ページに大量の JS ファイルが導入される可能性があり、読み込みが遅い場合があります。また、スケーラビリティが強力ではありません。プラグインも随時最適化します。すべてのネチズンがコメントを提供できることを願っています。
以上がDedeCms 5.7 でコードの強調表示を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。