織夢編輯器插件ckeditor升級ckeditor4.7.0版本加入代碼高亮功能插件

時間： 2020-09-16 09:27 閱讀：次作者：素材無憂網(wǎng)

模板說明

編碼：雙版本
類別：織夢插件
顏色：白色
大?。?
適用站點：網(wǎng)絡設計

織夢默認的編輯器，確實不敢恭維，十分的不好使用，現(xiàn)織夢無憂放出來，一個升級版的ckeditor4.7.0，升級十分簡單，直接下載，替換下即可。本插件，編輯器升級，除了解決原本編輯的老土外，重點是再加入代碼插入高亮顯示、代碼顯示行號功能。為以防萬一

下載相關

效果演示百度網(wǎng)盤

提取碼： 4b7p 開通vip 聯(lián)系客服加收藏

織夢默認的編輯器，確實不敢恭維，十分的不好使用，現(xiàn)織夢無憂放出來，一個升級版的ckeditor4.7.0，升級十分簡單，直接下載，替換下即可。
本插件，編輯器升級，除了解決原本編輯的老土外，重點是再加入 代碼插入高亮顯示、代碼顯示行號功能。
為以防萬一，請先備份。
織夢無憂測試，并升級修復了GBK編碼兼容性問題，修復代碼高亮異常。
【警告】使用前備份好這個文件

\include\inc\inc_fun_funAdmin.php

\include\dialog\select_images.php

\include\dialog\select_media.php

\include\dialog\select_soft.php

選擇程序對應的編碼文件夾，對應的覆蓋進去

清空瀏覽器臨時文件，刷新后臺，使用ckeditor編輯器。

前臺頁面顯示代碼高亮，在內(nèi)容模板里加入以下代碼即可。

安裝說明：
織夢編輯器ckeditor升級ckeditor4.7.0版本并加入代碼高亮功能

3：更新瀏覽器緩存，刷新后臺，再去發(fā)篇文章試試，織夢的編輯器是否已煥然一新，而且增加了插入代碼這個按鈕。

織夢內(nèi)容編輯器

二、插入代碼段功能高亮顯示

剛剛第一步，我們進行了程序編輯器升級，功能可用。想要下圖的這種效果，就需要做更改。

織夢編輯器ckeditor升級ckeditor4.7.0版本并加入代碼高亮功能
只需要在前臺的模板中引用如下兩個文件：

<link rel="stylesheet" href="/include/ckeditor/plugins/codesnippet/lib/highlight/styles/monokai_sublime.css">
<script src="/include/ckeditor/plugins/codesnippet/lib/highlight/highlight.pack.js"></script>

<style>
<!--解決代碼換行+圓角-->
pre{font-size:inherit;line-height: inherit;font-family: inherit;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;word-break: break-all;border-radius: 4px;}
</style>