织梦代码高亮编辑器SyntaxHighlighter越界显示解决方法

主页 > 织梦教程 > 织梦代码高亮编辑器SyntaxHighlighter越界显示解决方法
织梦开发中,在自己的博客中增加了SyntaxHighlighter高亮代码,但是横向代码太长,会出现越界显示的情况。增加横向滚动条能完美解决问题。 解决方法: 找到:include/ckeditor/plugins/synta
织梦开发中,在自己的博客中增加了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>");
即可。

修改前:

修改后:
相关文章