> 网站教程 > 织梦ckeditor编辑器升级+代码高亮插件

织梦ckeditor编辑器升级+代码高亮插件

网站教程 11-21 2780

织梦ckeditor编辑器版本升级到4.7.0，如下图所示

织梦ckeditor编辑器升级+代码高亮插件

编辑窗口增加了添加附件功能

织梦ckeditor编辑器升级+代码高亮插件

及代码高亮功能

织梦ckeditor编辑器升级+代码高亮插件

代码高亮效果如下：

织梦ckeditor编辑器升级+代码高亮插件

使用说明

【警告】使用前备份好这个文件
\include\inc\inc_fun_funAdmin.php
\include\dialog\select_images.php
\include\dialog\select_media.php
\include\dialog\select_soft.php

选择程序对应的编码文件夹，对应的覆盖进去，清空浏览器临时文件，刷新后台，使用ckeditor编辑器。

前台模板页面显示代码高亮，在内容模板里加入以下代码即可。

<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>

下载地址

百度网盘1
提取码: w8j6

百度网盘2
提取码: i1fu

 

标签：