dede 代码编辑器SyntaxHighlighter越界显示,增加横向滚动条

来源:互联网 发布:欧文职业生涯数据 编辑:程序博客网 时间:2024/05/19 04:26

问题:

dede开发中,在自己的博客中增加了SyntaxHighlighter代码,但是横向代码太长,会出现越界;

解决方法:

找到:include/ckeditor/plugins/syntaxhighlight/dialogs/syntaxhighlight.js

找到代码:

var m = CKEDITOR.dom.element.createFromHtml('<table style="border:1px solid #EAED9C;width:660px;"><tr><td><pre class="' + k + '">'+ c(j.code) +"</pre></td></tr><table>");

修改成:

var m = CKEDITOR.dom.element.createFromHtml('<div style="overflow-x: auto;"><table style="border:1px solid #EAED9C;width:660px;"><tr><td><pre class="' + k + '">'+ c(j.code) +"</pre></td></tr><table></div>");

即可,代码原创。

修改先后效果图:

效果图网址:http://www.android.briefer.cn/codeframe/jbkj/15.html

修改前:


修改后:




0 0