dedecms织梦自带的ckeditor编辑器 体态臃肿,加载速度不够轻快,*主要的是代码无法高亮显示,经过几天的摸索和研究,目前已比较完美地实现以上功能。网上有用kindeditor和Syntax Highlighter整合进行代码高亮显示的,Syntax Highlighter 功能强大,语法着色美观,还有行号显示。*不足的是页面加载的 JS体积比kindeditor自带的Prettify插件大6-7倍,Prettify的压缩后只有13kb,相比Syntax Highlighter 高达70kb(压缩后)的体积,真是小巫见大巫了!! 权衡之下,决定采用kindeditor自带的Prettify来整合。

效果图
KindEditor 主要特点
快速:体积小,加载速度快
开源:开放源代码,高水平,高品质
底层:内置自定义 DOM 类库,精确操作 DOM
扩展:基于插件的设计,所有功能都是插件,可根据需求增减功能
风格:修改编辑器风格非常容易,只需修改一个 CSS 文件
兼容:支持大部分主流浏览器,比如 IE、Firefox、Safari、Chrome、Opera
关于织梦自带的编辑器替换为kindeditor,大家可以下载我整理后的一键安装包(兼容*新的dedecms v5.7 sp1、dedecms v5.7 sp2):
下载地址:kindeditor 4.1.4 for dedecms 一键安装
链接:https://pan.baidu.com/s/1uj_EHL3TAUjz5g9gAcpccg 提取码:6bw0
安装使用
1、解压后,把include文件夹覆盖到网站相同目录,选择覆盖原文件即可。
系统后台中设置[系统]-[核心设置],在“Html编辑器(ckeditor,需要fck的用户可以去官网下中设置:kindeditor
2、前台模板页(比如我的是aricle_aritlce.htm)需引入以下几个文件:
<link type="text/css" rel="stylesheet" href="/include/kindeditor/plugins/code/prettify.css"/>
<script type="text/javascript" src="/include/kindeditor/plugins/code/prettify.js"></script>
然后,在你文章模板页的</body>前添加这一句:
<script>prettyPrint();</script>
注意,一定要放在body的结束符之前,如果在页面头部声明是没效果的。
3、代码自动换行(其实插件里我已修改好了,此项可以忽略)
修改include\kindeditor\plugins\code\prettify.css 里的样式:
pre.prettyprint {
border: 0;
margin-left: 2em;
padding: 0.5em;
font-size: 90%;
line-height: 20px;
display: block;
font-family: "Verdana", "Monaco", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
margin: 1em 0px;
white-space: pre-wrap;
background:#ffffff;
border-bottom:#dcdddd 1px solid;
border-top:#dcdddd 1px solid;
border-right:#dcdddd 1px solid;
border-left: 3px solid lime;
}
本机测试成功,时间原因本站暂缓更换,好东西先收藏起来。大家喜欢的话就支持一下,有什么问题在下面评论留言 。
# seo诊断报告教学
# 自定义
# 我已
# 高品质
# 制定营销方案推广文案
# 文山快手营销推广方案
# 什么是营销推广认真负责
# 网站推广手法
# 网站建设回报怎么写
# 呼伦贝尔网站首页推广
# 海南社交网站建设
# 织梦插件
# 产品推广营销费用标准
# 广昌整合营销推广
# 山西网站优化建设
# 辽宁小红书营销推广企业
# *seo运营招聘
# 廊坊淘宝网站推广怎么样
# 南阳营销推广如何投放
# 盐城*推广seo
# 律师网站建设推广费用
# 物业门禁网站建设流程
# 几天
# 织梦整合编辑器Kindeditor 4.1.4 GBK+UTF一键安装
# 织梦
# 编辑器
# Kindeditor
# 一键安装
# 宋体
# 的是
# 自带
# 加载
# 行号
# 一键
# 都是
# 有什么
# 几个
# 这一
# 好了
# 放在
# 小巫见大巫
# 下载地址
# 只需
# 网站的优化工资多少
# 吕梁*关键词排名加盟
相关栏目:
【
Google疑问12 】
【
Facebook疑问10 】
【
网络优化91478 】
【
技术知识72672 】
【
云计算0 】
【
GEO优化84317 】
【
优选文章0 】
【
营销推广36048 】
【
网络运营41350 】
【
案例网站102563 】
【
AI智能45237 】
相关推荐:
高端建站如何打造兼具美学与转化的品牌官网?
织梦后台直接添加会员功能开发方法_织梦CMS教程
如何快速生成专业多端适配建站电话?
高防服务器租用首荐平台,企业级优惠套餐快速部署
阿里云提示织梦后台文件media_add.php任意上传漏洞解决办法 _织梦CMS教程
织梦标签输出的指定栏目新窗口打开方法_织梦CMS教程
香港服务器网站推广:SEO优化与外贸独立站搭建策略
如何快速搭建高效简练网站?
织梦栏目导航{dede:channel}标签添加序号教程_织梦CMS教程
织梦dedecms文章arclist标签实现分页的教程_织梦CMS教程
织梦医院类网站在线预约挂号插件_织梦插件
dedecms织梦静态页实现动态显示随机文章的方法_织梦CMS教程
织梦cms插件图集图片模型整合下载功能 可判断会员金币数会员权限_织梦插件
建站助手软件包:智能网站模板生成与SEO优化工具一键整合
如何在腾讯云服务器快速搭建个人网站?
建站之星服务器配置流程详解与快速搭建操作指南
如何在织梦DEDECMS上运行php代码和mysql语句_织梦CMS教程
如何快速查询网站的真实建站时间?
织梦cms使用百度编辑ueditor代码高亮_织梦CMS教程
建站之星伪静态规则如何设置?
如何在建站之星网店版论坛获取技术支持?
建站代理平台哪家强?批量做词与精准选词实现霸屏效果
阿里云提示plus/search.php注入漏洞修复方法_织梦CMS教程
如何用搬瓦工VPS快速搭建个人网站?
如何快速搭建高效WAP手机网站?
织梦增加栏目缩略图、栏目图片功能的方法_织梦CMS教程
织梦数据库批量修改替换文章标题和内容方法_织梦CMS教程
织梦自定义PHP页面让模板支持调用标签_织梦CMS教程
织梦调用整站相关文章_织梦CMS教程
dedecms织梦JS代码实现导航高亮显示_织梦CMS教程
如何用低价快速搭建高质量网站?
韩国网站服务器搭建指南:VPS选购、域名解析与DNS配置推荐
建站org新手必看:2024最新搭建流程与模板选择技巧
新手站长如何简单搭建一个织梦网站_织梦CMS教程
建站之星智能模板:响应式设计+SEO优化一站式建站方案
织梦dedecms后台自定义字段里添加style全部都变成st<x>yle的解决教程_织梦CMS教程
织梦栏目增加缩略图功能的实现教程_织梦CMS教程
建站助手报毒清除步骤与预防误报处理方案
本地安装配置PHP环境phpnow1.5.6教程_织梦CMS教程
{$pages}上一页下一页的个性修改方法_PHPCMS教程
php5.2.14无法开启curl扩展解决教程_织梦CMS教程
建站之星模板安装失败?如何解决环境配置问题?
织梦artlist标签增加notypeid属性过滤掉某些栏目_织梦CMS教程
用JS实现织梦当前文章标题高亮显示教程_织梦CMS教程
小捣蛋自助建站系统:数据分析与安全设置双核驱动网站优化
织梦dedecms自定义输出移动版上一篇下一篇文章_织梦CMS教程
青岛网站建设如何选择本地服务器?
宝塔新建站点报错如何解决?
织梦限制文章页上下篇文章标题字数_织梦CMS教程
网站用masonry瀑布流无限加载重叠解决方法_织梦CMS教程
2017-07-15
南京市珐之弘网络技术有限公司专注海外推广十年,是谷歌推广.Facebook广告全球合作伙伴,我们精英化的技术团队为企业提供谷歌海外推广+外贸网站建设+网站维护运营+Google SEO优化+社交营销为您提供一站式海外营销服务。