在百度編輯器ueditor中添加代碼顯示是高亮的,但是瀏覽文件的是代碼卻沒有高亮顯示
dedecms整合百度編輯器ueditor為什么前臺代碼不高亮顯示呢?
其實原因很簡單,因為你在內容頁沒有引用代碼高亮的JS、css文件,百度編輯器的說明文檔不到位,才會讓很多新手朋友走了彎路,只需要在你的文章模板頁article_article.htm加上這些文件就會顯示了
找到相關的JS、CSS文件,把他們引入到文章內容頁中,而這個兩個文件在ueditor文件下。
路徑為:/third-party/SyntaxHighlighter/shCore.js和shCoreDefault.css
代碼高亮解決辦法:
在文章內容頁模板<head>之間加上以下代碼</head>,(注:文件的路徑請根據你的ueditor實際路徑修改)
在文章內容頁模板</body>之前加上
dedecms整合百度編輯器ueditor為什么前臺代碼不高亮顯示呢?
其實原因很簡單,因為你在內容頁沒有引用代碼高亮的JS、css文件,百度編輯器的說明文檔不到位,才會讓很多新手朋友走了彎路,只需要在你的文章模板頁article_article.htm加上這些文件就會顯示了
找到相關的JS、CSS文件,把他們引入到文章內容頁中,而這個兩個文件在ueditor文件下。
路徑為:/third-party/SyntaxHighlighter/shCore.js和shCoreDefault.css
代碼高亮解決辦法:
在文章內容頁模板<head>之間加上以下代碼</head>,(注:文件的路徑請根據你的ueditor實際路徑修改)
<link href="/include/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css" rel="stylesheet" type="text/css" />
在文章內容頁模板</body>之前加上
<script type="text/javascript" src="/include/ueditor/third-party/SyntaxHighlighter/shCore.js"></script> <script type="text/javascript"> SyntaxHighlighter.all(); </script>然后在織夢后臺百度編輯器里選擇代碼語言,一鍵更新網站后,就能實現百度編輯器ueditor代碼高亮顯示