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
- dede 代码编辑器SyntaxHighlighter越界显示,增加横向滚动条
- 增加一个横向滚动条
- ListBox增加横向滚动条
- ueditor 编辑器增加滚动条
- flex tree 自动显示横向滚动条
- flex tree 自动显示横向滚动条
- flex tree 自动显示横向滚动条
- flex tree 自适应显示横向滚动条
- 隐藏横向滚动条
- bootstrap横向滚动条
- 滚动条左侧显示代码
- easyui datagrid无数据时显示横向滚动条
- 项目经验:css控制div显示横向滚动条
- easyui datagrid无数据时显示横向滚动条
- 如果去除div显示的横向滚动条
- SyntaxHighlighter高亮显示代码
- 让sublime一行显示更多代码出现横向的滚动条,以及修改默认tab键长度
- 横向滚动图片代码
- Mac下MySQL忘记初始密码
- 秦朝的军功制度
- RecyclerView 滑动隐藏,显示ToolBar
- PagerSlidingTabStrip+viewpager的使用
- DOS 比较,ERRORLEVEL判断
- dede 代码编辑器SyntaxHighlighter越界显示,增加横向滚动条
- Task 异常处理 线程取消 局部变量问题
- IOS drawRect 重绘
- Opencv的Mat多图像合成坑
- Windows设置VMware开机自动启动,虚拟机也启动
- springmvc+mybatis登录验证2.0(更新了使用session来进行保存用户值,注销后清除session),并进行了拦截器的设定
- 迭代器模式
- html5 ajax文件上传
- 算法学习