织梦整合编辑器Kindeditor 4.1.4 GBK+UTF一键安装_织梦插件


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

 

  效果图

 

  KindEditor 主要特点

  快速:体积小,加载速度快

  开源:开放源代码,高水平,高品质

  底层:内置自定义 DOM 类库,精确操作 DOM

  扩展:基于插件的设计,所有功能都是插件,可根据需求增减功能

  风格:修改编辑器风格非常容易,只需修改一个 CSS 文件

  兼容:支持大部分主流浏览器,比如 IEFirefoxSafariChromeOpera

  关于织梦自带的编辑器替换为kindeditor,大家可以下载我整理后的一键安装包(兼容*新的dedecms v5.7 sp1dedecms 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


相关推荐: 已有域名如何免费搭建网站?  建站助手共享版:智能模板一键生成与多端适配指南  建站上市公司网站建设方案与SEO优化服务定制指南  实惠建站价格推荐:2025年高性价比自助建站套餐解析  织梦调用整站相关文章_织梦CMS教程  建站之星数据库如何正确配置?  建站OpenVZ教程与优化策略:配置指南与性能提升  dedecms织梦文章如何做好tags标签_织梦CMS教程  建站主机系统SEO优化与智能配置核心关键词操作指南  织梦dedecms cookies泄漏导致SQL漏洞修复_织梦CMS教程  dedecms织梦模版SQL注入漏洞soft_add.php修复教程_织梦CMS教程  织梦自定义字段为图片(仅网址)远程图片保存只有数字的解决方法_织梦CMS教程  如何选择可靠的免备案建站服务器?  如何在搬瓦工VPS快速搭建网站?  如何通过.red域名打造高辨识度品牌网站?  建站助手启动失败?环境配置错误如何排查  如何在阿里云服务器自主搭建网站?  如何快速查询域名建站关键信息?  织梦有效去除面包屑当前位置position导航中*后“&gt;”符号的方法_织梦CMS教程  如何在阿里云香港服务器快速搭建网站?  织梦删除文章时不删除HTML与不删除附件图片_织梦CMS教程  学校为何禁止电信移动建设网站?  织梦后台更新了广告而前台没有变化的彻底解决办法_织梦CMS教程  wdcp面板添加二级域名手机域名m方法_织梦CMS教程  织梦dedecms网站添加打赏功能_织梦CMS教程  织梦安全代码让网站远离劫持_织梦CMS教程  DEDECMS织梦调用某个作者在某个栏目发布的文章列表_织梦CMS教程  织梦dedecms自定义表单前台调用显示+分页调用_织梦CMS教程  建站助手使用教程:自助建站工具操作指南与SEO优化技巧  dedecms织梦有缩略图则显示缩略图,没有则显示随机缩略图_织梦CMS教程  织梦图集上传图片用图片名自动做注释教程_织梦CMS教程  织梦dedecms用火车头采集分页教程 _织梦CMS教程  织梦自增函数autoindex和itemindex使用区别介绍 _织梦CMS教程  织梦搜索页调用内容模型中的自定义字段的*教程_织梦CMS教程  音乐网站服务器如何优化API响应速度?  织梦官方php服务器环境DedeAMPZ安装教程_织梦CMS教程  织梦搜索指定多个栏目的文档_织梦CMS教程  缩短织梦dedecms分页列表页/内容页显示分页页码_织梦CMS教程  织梦dedecms自定义表单调用已审核的留言_织梦CMS教程  织梦dedecms联动筛选静态化[伪静态+目录形式],利于SEO_织梦插件  建站代理免备案,真的合法又省心吗?  如何在万网自助建站平台快速创建网站?  如何快速搭建安全的FTP站点?  建站之星如何助力网站排名飙升?揭秘高效技巧  dedecms织梦ckplayer视频播放器插件详细安装教程_织梦CMS教程  如何基于云服务器快速搭建网站及云盘系统?  如何选择建站程序?包含哪些必备功能与类型?  织梦数据库批量修改替换文章标题和内容方法_织梦CMS教程  宝盒自助建站智能生成技巧:SEO优化与关键词设置指南  如何快速完成中国万网建站详细流程? 

 2017-07-15

了解您产品搜索量及市场趋势,制定营销计划

同行竞争及网站分析保障您的广告效果

点击免费数据支持

提交您的需求,1小时内享受我们的专业解答。

南京市珐之弘网络技术有限公司


南京市珐之弘网络技术有限公司

南京市珐之弘网络技术有限公司专注海外推广十年,是谷歌推广.Facebook广告全球合作伙伴,我们精英化的技术团队为企业提供谷歌海外推广+外贸网站建设+网站维护运营+Google SEO优化+社交营销为您提供一站式海外营销服务。

 87067657

 13565296790

 87067657@qq.com

Notice

We and selected third parties use cookies or similar technologies for technical purposes and, with your consent, for other purposes as specified in the cookie policy.
You can consent to the use of such technologies by closing this notice, by interacting with any link or button outside of this notice or by continuing to browse otherwise.