DedeCms 5.7에서 코드 강조 표시를 구현하는 방법은 무엇입니까?
블로그 웹사이트를 구축하든 CMS 유형의 웹사이트를 구축하든 대부분 코드 강조 표시가 필요합니다. Dreamweaver CMS는 플러그인이 많은 WordPress와 달리 중국에서 가장 우수한 CMS 웹 사이트 구축 시스템 중 하나입니다. 최신 dedeCMS 5.7을 사용해서 오랫동안 인터넷에서 정보를 찾아봤는데 대부분 CKEditor와 SyntaxHighlighter의 통합에 대한 글을 썼는데, dedecms는 config.js의 일반적인 수정과는 다릅니다. ckeditor만 대상으로 합니다.
추천 학습: DreamWeaver cms
그래서 제가 직접 생각하고 수정해볼 수 밖에 없습니다. 이제 웹마스터 친구들의 참고 방법을 적어보겠습니다.
1. 먼저 SyntaxHighlighter 공식 홈페이지에 가서 다운로드 받으세요. URL: http://alexgorbatchev .com/SyntaxHighlighter/download/ 버전 2.1을 다운로드하는 것이 좋습니다. 버전 3.0은 자동 줄 바꿈을 지원하지 않는 것 같습니다. 여기서는 버전 2.1.382가 사용됩니다. 다운로드한 파일을 SyntaxHighlight 폴더에 압축을 풀고 쓸모없는 파일을 제거하고 스크립트와 스타일 폴더만 남겨둡니다.
2. 새 대화 상자 폴더를 만들고 그 안에 Syntaxhighlight.js라는 파일을 만듭니다. 코드가 너무 커서 게시하기에 적합하지 않습니다.
수정하려는 경우. 코드 영역의 스타일에 다음 코드를 추가하세요.
태그 앞에 가져온 코드를 배치하고 이전 웹 페이지가 로드될 때까지 기다린 다음 로드하여 표시하는 것이 좋습니다. .
코드는 다음과 같습니다.
<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>
최종 게시되고 생성된 기사 페이지 렌더링은 다음과 같습니다.
물론 이 통합에도 몇 가지 단점이 있습니다. 즉, 많은 수의 JS 파일이 도입될 수 있습니다. 상대적으로 느리고 확장성이 강하지 않습니다. 또한 플러그인을 수시로 최적화할 예정이며 모든 네티즌들이 의견을 제시할 수 있기를 바랍니다.
위 내용은 DedeCms 5.7에서 코드 강조를 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!