建站资讯

织梦cms编写器提升插进编码作用且前台接待文章

作者:admin 发布时间:2020-08-12

大山深处【dede实例教程】℃迅速评价

织梦cms编写器完成编码插进作用

PS:应用前备份数据好include/这一文档

1.免费下载织梦cms编写器ckeditor4.7.0.zip并缓解压力出去(获取码:m477),包括了GBK和UTF8版本号;软件

以前发过一一篇文章,一样能够完成前台接待编码高亮度《dede织梦cms拆换百度搜索ueditor编写器完成编码高亮度实例教程》但是我不会是很喜爱百度搜索编写器!

下载织梦编辑器ckeditor4.7.0.zip

2.挑选程序相匹配的编号文档夹中的文档,遮盖到你织梦cms网站网站根目录下。

覆盖到织梦网站根目录

3.升级访问器缓存文件,更新后台管理,再去发一篇文章试一下,织梦cms的编写器是不是已焕然一新,并且提升了插进编码这一按键。

增加了插入代码这个按钮

可插入的代码类型

PS:假如你用的并不是dede内置的编写器,请将【系统软件】-【系统软件主要参数设定】-【关键设定】-【Html编写器】改成【ckeditor】

刚刚大家仅仅在织梦cms后台管理编写器加上了插进编码作用,可是前台接待并沒有高亮度显示信息,还必须做一些修改。

1.在前台接待的模版中引入以下2个文档:

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

PS:上边那样引入,连接过长,不美观大方,大家能够将这2个文档拷贝到大家储放css和js的文档文件目录再开展引入(是拷贝,并不是裁切都不是移动),例如:

 link rel="stylesheet" href="skin/css/rainbow.css" 
 script src="skin/js/highlight.pack.js" /script 

PS:大量设计风格能够到static/demo/浏览选择,在/include/ckeditor/plugins/codesnippet/lib/highlight/styles/文件目录中立即开展引入就行,假如沒有相匹配的css的能够到highlightjs/highlight.js/tree/master/src/styles免费下载;

white-space: pre-wrap;
word-break: break-all; 
加入white-space: pre-wrap

假如要想不全自动换行只是显示信息翻转条,能够在css款式中的.hljs{}下边添加:

overflow-y: auto;
最终一步便是加上行号了

下列方式参照自疆飞blog

1.将下边这一段js加到你网站的现有js中(不可以加上在highlight.pack.js内,由于此方式并不是应用highlight.pack.js涵数来进行的)

//
$(function () { 
 $("code").each(function () { 
 $(().replace(/\n/g, "\n /li li ") + "\n /li /ol 
 }); 
}); 

PS:之上编码的基本原理是:将编码中的换行(/n)更换成 /li li , 随后在编码內容的前边加上 ol li , 而最终加上 /li /ol ,那样编码就被 li /li 每列分隔了,再后根据css加上行数就可以。

2.在操纵高亮度的css后边添加下边css编码;大量实际效果必须自身调节了,这一没法固定不动的。

/**/
.hljs {
    background: #eee !important;
    padding: 1px;
    white-space: pre-wrap;
    word-break: break-all;
.hljs ul {
    list-style: decimal;
    background-color: #fff;
    margin: 0px 0px 0 40px !important;
    padding: 0px;
.hljs ul li {
    list-style: decimal-leading-zero;
    border-left: 2px solid #6ce26c !important;
    background: #fff;
    padding: 1px 5px 0 3px !important;
    margin: 0 !important;
    line-height: 15px;
    word-break: break-all;
    word-wrap: break-word;
    line-height: 1.3;
.hljs ul li:nth-of-type(even) {
    background-color: #fcfcfc;
    color: inherit;
}
织梦cms插进编码前亮显示信息软件免费下载

免费下载详细地址织梦cms编写器ckeditor4.7.0.zip

获取码:m477

- END -

访问完后?你可以以点我要去评价留有见解!

编写器编码高亮度显示信息织梦cms软件

著作权隶属:SEO技术性blog,没经受权 严禁转截!

织梦cms网站被镜像劫持或快照更新劫

dedecms系统软件的网站被镜像劫持了如何办,必须如何解决?今日大山深处就共享一个对于织梦cms网站被镜像劫持的合理处理方法!

织梦cms手机上手机端真静态数据生

应用dedecms建网站以后,织梦cms手机上端是动态性相对路径,假如大家必须把织梦cms手机上端静态数据转化成如何办呢?今日大山深处本人blog就共享一款插

4种处理织梦cms手机上手机端首

在应用织梦cms建网站的全过程中,含有手机上手机端的网站,手机上端一般是静态数据的方式,/那样的,可是这一静态数据手机上端

收缩