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

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

在篮球、排球等体育项目中,高个子球员一般都有着无法比拟的身高优势。NBA历史上最有知名度的我国球员姚明即是如此,2米26的他动身扣篮好像粗茶淡饭。但要说一个1米6的小个子在NBA效能14年,也许我们会感到吃惊,那他到底是靠什么本领在伟人如林的赛场上生计的呢?要提到NBA史上最勉励的矮个子,“小虫”博格斯名副其实,他身高仅有1米6,连一个一般男子的身高都达不到,却能在高个树立的NBA交战长达14年之久,生计总助攻数到达6726次,更是排在了NBA历史第20的方位,可谓NBA史上一大奇观。博格斯的篮球生计起步于各种街头篮球的对决。博格斯想要上场,遇到的榜首个难题即是,不管哪一支球队都不情愿要博格斯

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

我不记得有多久没哭过了,但是在看到乔任梁去世的那责新闻,一开始我以为那只是玩笑或者是想借乔任梁来炒作,到后来看到微博上的新闻后,就再没控制住,就在昨天晚上我反复看了很多和他相关的视频,报道,感觉自己已经蒙了,我直接就是不敢相信,不能接受的那种,眼泪擦了又掉,擦了又掉,不知道哭了多少次,眼睛直接肿的我自己都看不下去了,他那么善良,那么暖心,所以接受不了,生活中我自己也算是个病者吧,但从来没有轻易掉过泪,可是,和他有关的我是真的忍不住,感觉那一刻心真的在痛

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

我的看法,营销能力的高低取决于“软硬”件两个方面。硬件,系指销售渠道和销售人员素质。软件,系指营销计划和执行力。小米销售渠道单一是其销量不佳的最大因素。线上有官网,有淘宝,有京东三驾马车引领,很OK,但线下实体店的数量,布局和影响力不是一般得弱,比起某品牌几百米就有一家实体店弱成了渣。大家同走,你比别人少了条腿,当然走得慢。还有一点也非常重要,小米缺少“盟友”。我去电信类服务商办业务,有办宽带送手机,交话费赠手机等困绑业务,送的都是某几大手机品牌,小米几乎不见或是无货,小米你又差人一等。说到这里,我要吐嘈雷军的\"低价战略\"或是“低价模式\"。低价没错,但无意识禁锢自己思维,捆住自己手脚,拒

下面是其他网友的补充

不丹是一座面积狭小的亚洲国家,根中国是邻居。传说,不丹国王奉行一夫一妻制,其实,这种说法过于“天方夜谭”了吧。最起码,不丹四世国王年轻俊美,是一位典型的现代青年,他的名字叫做吉格梅·辛格·旺楚克,他是老不丹国王吉格梅·多吉·旺楚克的儿子,不到十七岁,就继任父亲位置成为不丹国王,此外还兼任陆军总司令,并享有最高司法权。有趣的是,这位国王陛下是一位多婚者,一下子娶了“四胞胎姐妹”当了王妃,看来,国王也是“多情种”啊。吉格梅·辛格·旺楚克,生于1955年11月11日。十二岁时,只身远渡重洋赴英国求学。1972年7月24日,老国王逝世,旺楚克继位,当时,他还不满十七岁,堪称当时世界上最年轻的国王。旺楚

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

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

去掉右侧滚动条:

大概在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滚动条内容请搜索真格学网以前的文章或继续浏览下面的相关文章希望大家以后多多支持真格学网!

扩展阅读,根据您访问的内容系统为您准备了以下内容,希望对您有帮助。

如何去掉syntaxhighlighter代码框右上角的问号

方法一

在网页前面,通常是在<head></head>里加上如下代码:

<script type="text/javascript">SyntaxHighlighter.defaults['toolbar'] = false;</script>

方法二

在pre的class里加上“toolbar:false;”(粗体部分),如下所示:

<pre class="brush: js;toolbar:false;">这里放着色代码</pre>

注意:有的着色代码标记符号是textarea,那么方法是一样的。如:

<textarea class="brush: js;toolbar:false;">这里放着色代码</textarea>

syntaxhighlighter怎么动态加载代码

看到开源中国用了kindeditor编辑器,并且集成了syntaxhighlighter代码着色插件,就查看它的HTML源码,自己照着配置,不幸的是,未能成功,我估计有一个关键的原因,就是我的syntaxhighlighter用法跟开源中国的不一样,我使用得简洁一些,在HTML静态页面上成功实现了代码着色,但是不能在编辑器可视化界面动态创建一段代码并高亮着色,这点很郁闷,我想要的效果就是开源中国那样

怎么在SyntaxHighlighter中添加开关行号按钮,或者重新着色方法是什么???

按照配置进行重新着色.

如何用syntaxhighlighter显示高亮代码

使用方法:

1、假设网页文件test.htm存放在一个目录,则将dp.SyntaxHighlighter解压缩到该目录下的子目录,假设为images

2、在网页的<head></head>之间插入以下代码:

<link type="text/css" rel="stylesheet" href="images/Styles/SyntaxHighlighter.css"></link>

3、在网页要显示程序源代码的地方插入以下代码(其中的class="js"表示以js语法显示源代码,其他可设定的class值分别为

c#、css、c、delphi、java、js、php、python、ruby、sql、vb、xml):

代码如下:

<textarea name="code" class="js" rows="15" cols="100">

//程序源代码放在这儿

</textarea>

4、在网页尾部的</body>之前插入以下代码:

<script class="javascript" src="images/Scripts/shCore.js"></script>

<script class="javascript" src="images/Scripts/shBrushCSharp.js"></script>

<script class="javascript" src="images/Scripts/shBrushPhp.js"></script>

<script class="javascript" src="images/Scripts/shBrushJScript.js"></script>

<script class="javascript" src="images/Scripts/shBrushJava.js"></script>

<script class="javascript" src="images/Scripts/shBrushVb.js"></script>

<script class="javascript" src="images/Scripts/shBrushSql.js"></script>

<script class="javascript" src="images/Scripts/shBrushXml.js"></script>

<script class="javascript" src="images/Scripts/shBrushDelphi.js"></script>

<script class="javascript" src="images/Scripts/shBrushPython.js"></script>

<script class="javascript" src="images/Scripts/shBrushRuby.js"></script>

<script class="javascript" src="images/Scripts/shBrushCss.js"></script>

<script class="javascript" src="images/Scripts/shBrushCpp.js"></script>

<script class="javascript">

dp.SyntaxHighlighter.HighlightAll('code');

</script>

  • 本文相关:
  • fckeditor 插件开发参考文档
  • fck判断内容是否为空(如果只是去空格,那么这种方式是错误的)
  • ewebeditor 不能粘贴或复制的解决方法
  • 百度ueditor编辑器使用教程与使用方法(图文)
  • 百度编辑器ueditor前台代码高亮无法自动换行解决方法
  • fckeditor编辑器添加图片上传功能及图片路径问题解决方法
  • xheditor的异步载入实现代码
  • fckeditor 网页在线编辑器的使用方法
  • prism 代码高亮修改不包含 code 标签的支持
  • fckeditor超级链接默认新窗口打开的修改方法
  • 如何去掉syntaxhighlighter代码框右上角的问号
  • syntaxhighlighter怎么动态加载代码
  • 怎么在SyntaxHighlighter中添加开关行号按钮,或者重新着色方法是什么???
  • 如何用syntaxhighlighter显示高亮代码
  • 如何在Drupal 中设置 Ckeditor模块 使用Syntaxhighlighter代码高亮
  • 网站首页网页制作脚本下载服务器操作系统网站运营平面设计媒体动画电脑基础硬件教程网络安全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