SyntaxHighlighter 去掉右侧滚动条的方法_网页编辑器

来源:脚本之家  责任编辑:小易  

Ctrl+E 显示/隐藏交互窗口Ctrl+D 显示/隐藏代码窗口Ctrl+I 全文调整缩进Ctrl+Shift+V 粘贴时自动缩进Ctrl+T 新建标签Ctrl+W 关闭当前窗口(或标签)Ctrl+R或F5 运行www.zgxue.com防采集请勿采集本网。

在Chrome浏览器中代码区始终有一个滚动条,firefox不会有这种情况。网上有很多解决方法,修改plugin/syntaxhighlisghter/3.0.81/css目录下shCoreDefault.css中的..syntaxhighlighter区域,加上padding:1px;就可以了。

我在第一次安装插件时就犯了这个错误,在安装SyntaxHighlight插件时把整个文件夹都复制过去了,结果在 工具|插件 列表里一直没出现SyntaxHighlight字样。后来把该文件夹下文件和子文件夹拷贝过去才解决这

.syntaxhighlighter { width: 100% !important; margin: 1em 0 1em 0 !important; position: relative !important; overflow: auto !important; font-size: 1em !important; padding:1px;/*就是这个*/}

工具:word2010 通过工具栏的荧光笔可以设置代码高亮。步骤1:打开word文档 步骤2:如要高亮函数名test,则选中test,点击【荧光笔】。步骤3:效果如下

下面是其他网友的补充

value 必需。要转换的 JavaScript 值(通常为对象或数组)。replacer 可选。用于转换结果的函数或数组。如果 replacer 为函数,则 JSON.stringify 将调用该函数,并传入每个成员的键和值。使用返回值而

SyntaxHighlighter这个是一个高亮插件。现在被用于很多网站的代码显示。但是SyntaxHighlighter3.0.83,由于自适应宽和高,导致一直有滚动条的问题。

修改一下颜色主题就可以了。菜单栏:Settings-Syntax Highlight and Fonts 打开 Syntax Highlight 对话框,然后在下面的Colouring scheme里选择Default就行了,点击下面的Ok就可以了,也可以点击Apply预览

其实这个问题可以修改css文件可以去掉。修改主题文件shCoreDefault.css(默认模版)

DroidEdit Pro(code editor)是一款适用于手机或者pad的文档编辑器,具有Syntax Highlight(Syntax Highlight(语法高亮)是指把文本的不同内容用不同的颜色,字体等渲染,通过这种方式,用户可以

去掉右侧滚动条:

大概在shCoreDefault.css文件39行位置:

padding:0 !important;

修改为:

padding: 1px 0 !important;

网上可能是36行 margin: 0 !important;修改为 margin:1px 0 !important;这样修改双击选中后会有错位问题。

去掉下侧的滚动条:

其实我也没有找到两全其美的方法,为什么这么说呢。这里我提供2种方法,但是多有缺陷。

建议:还是输代码的时候注意长度的,只要不超过一定的长度,是不会出现滚动条的。

1.自动换行

.syntaxhighlighter .line {

white-space: pre !important;

}

修改这个pre为normal的话,前面的行数就会错位。

2.自动隐藏

.syntaxhighlighter {

width: 100% !important;

margin: 1em 0 1em 0 !important;

position: relative !important;

overflow: auto !important;

font-size: 1em !important;

}

修改overflow的auto为hidden,超过自动隐藏。这个方法更美观点,但是不方面查看代码。

到此这篇关于SyntaxHighlighter 去掉右侧滚动条的方法的文章就介绍到这了,更多相关SyntaxHighlighter滚动条内容请搜索真格学网以前的文章或继续浏览下面的相关文章希望大家以后多多支持真格学网!

有一款Code Editor的插件,可以搜索一下这个名字,就可以搜索出来了,然后点击add.关于页面如何支持代码高亮,就直接下载syntaxhighlighte插件吧,有很完整的demo,内容来自www.zgxue.com请勿采集。


  • 本文相关:
  • fckeditor 插件开发参考文档
  • fck判断内容是否为空(如果只是去空格,那么这种方式是错误的)
  • ewebeditor 不能粘贴或复制的解决方法
  • 百度ueditor编辑器使用教程与使用方法(图文)
  • 百度编辑器ueditor前台代码高亮无法自动换行解决方法
  • fckeditor编辑器添加图片上传功能及图片路径问题解决方法
  • xheditor的异步载入实现代码
  • fckeditor 网页在线编辑器的使用方法
  • prism 代码高亮修改不包含 code 标签的支持
  • fckeditor超级链接默认新窗口打开的修改方法
  • 能不能整合这个SyntaxHighLight插件
  • DrRacket的快捷键有哪些?以及能不能Syntax Highlight?
  • 代码高亮 crayon syntax highlight 插件 中奇偶行不同颜色 怎么实现
  • 如何给wiki安装syntaxhighlight
  • 如何安装Windows Live Writer插件
  • Word中怎么设置代码高亮
  • 如何实现json数据可视化详解
  • 为什么codelite的编程界面是黑的呢,之前是白的,求大神解决怎么改成白的
  • droidedit pro中的xml怎么用
  • mac的sublime text3代码只有完成时间没有结果
  • 网站首页网页制作脚本下载服务器操作系统网站运营平面设计媒体动画电脑基础硬件教程网络安全javascriptasp.netphp编程ajax相关正则表达式asp编程jsp编程编程10000问css/htmlflex脚本加解密web2.0xml/rss网页编辑器相关技巧安全相关网页播放器其它综合dart首页网页编辑器fckeditor 插件开发参考文档fck判断内容是否为空(如果只是去空格,那么这种方式是错误的)ewebeditor 不能粘贴或复制的解决方法百度ueditor编辑器使用教程与使用方法(图文)百度编辑器ueditor前台代码高亮无法自动换行解决方法fckeditor编辑器添加图片上传功能及图片路径问题解决方法xheditor的异步载入实现代码fckeditor 网页在线编辑器的使用方法prism 代码高亮修改不包含 code 标签的支持fckeditor超级链接默认新窗口打开的修改方法19款javascript富文本网页编辑器免费开源百度编辑器(ueditor)使用ewebeditor 辑器按钮失效 ie8下eckeditor/fckeditor 使用 ckedit彻底解决ewebeditor网站后台不能解决fckeditor在ie10、ie11下的不javascript 在线文本编辑器实现代asp.net+fckeditor上传图片显示叉页面嵌入windows media player播修改fckeditor的文件上传功能步骤百度ueditor组件上传图片后如何设置img里最新版ckeditor的配置方法及插件(plugin)ckeditor 取消转义的两种方法syntaxhighlighter 语法高亮插件的使用教解决syntaxhighlighter 代码高亮不换行问fckeditorapi 手册 js操作获取等xheditor的异步载入实现代码cuteeditor 编辑器的字体样式无法控制的解ckeditor与syntaxhighlight打造joomla代码19款javascript富文本网页编辑器
    免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved