从SyntaxHighlighter中删除行号
从SyntaxHighlighter中删除行号，可以通过修改CSS样式来实现。具体操作如下：
- 打开SyntaxHighlighter的CSS文件，通常是shCore.css或shTheme*.css。
- 找到以下代码段：
.syntaxhighlighter .gutter .line {
background-color: #f5f5f5;
color: #aaa;
border-right: 1px solid #ddd;
padding: 5px;
text-align: right;
}- 将该代码段中的
border-right属性设置为none，即：
.syntaxhighlighter .gutter .line {
background-color: #f5f5f5;
color: #aaa;
border-right: none;
padding: 5px;
text-align: right;
}- 保存CSS文件并刷新页面，行号将被删除。
这样，您就可以在不使用任何云计算品牌商的情况下，从SyntaxHighlighter中删除行号。
相关·内容
我在我的博客上使用SyntaxHighlighter，有些东西不能正常工作。在我的所有代码示例中，SyntaxHighlighter出于某种原因插入了许多新行。此外，它错误地显示了行数，排在数字9之后。
以下是情况的截图：
我在</head>标记上使用这些脚本来包含SyntaxHighlighter：
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
&l
浏览 1提问于2012-09-07得票数 2
回答已采纳
例如，我想在前端的模板中像上面的图像一样显示我的代码。我们可以使用JSdoc或标记吗？
浏览 6提问于2021-06-08得票数 1
回答已采纳
我使用经过改进的SyntaxHighlighter在我的wordpress站点上显示代码。一个使用TwentyTwelve主题的站点，一切都如预期的那样工作。但是，在另一个使用Virtue的程序中，当打开行号时，所有代码都会向下移动。我在这上面看到了，但我不知道他们在改变什么。有没有其他人见过这种情况，如果是的话，在css或类似的版本中有什么简单的修正吗？
编辑:接下来，我意识到这种转变并不发生在Chrome中，而只发生在Firefox中。典型的情况是。
浏览 6提问于2014-11-07得票数 0
回答已采纳
3回答
我有一个自我托管的Wordpress博客(如果你被插入的话，位于http://www.dougmolineux.com/wp :)
我在上面放了很多代码片段，因为我是个程序员。如何使这些“片段”代码友好？现在，我在每一个代码周围使用一个简单的区块引号，它将所有单个和双撇号转换成奇怪的符号，当代码实际被复制和粘贴时，这些符号将无法工作。
我愿意转换为一个新的主题，或改变一个现有的主题。
谢谢!
浏览 0提问于2011-01-11得票数 1
回答已采纳
当我使用Chrome查看博客文章草稿(在blogger上)时，会插入额外的行，其中使用了语法高亮显示。
但在IE上看起来还不错：
你知道我做错了什么吗？
编辑：
我正在使用的SyntaxHighlighter的配置/设置如下：
<!-- Syntax Highlighter Additions START -->
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css
浏览 0提问于2012-08-04得票数 20
回答已采纳
您好，我在任何地方都找不到如何在此代码示例中添加新行：
<SyntaxHighlighter language='clojure' style={darcula} showLineNumbers={true} wrapLines={true}>
(def a 2) *add a new line break here*
(def b 3)
</SyntaxHighlighter>
使用：
从‘反应-语法-荧光’导入样式；从‘反应-语法-荧光/ SyntaxHighlighter /hljs’导入{ darcula，docco }；
谢谢
浏览 2提问于2018-02-03得票数 0
回答已采纳
1回答
免责声明:我知道以前有人问过这类问题，但我似乎找不到。我已经尝试过寻找一堆不同的$.ajax dynamic + live()类型的东西，但是找不到解决方案，无论如何，问题就在这里。
问题：
我正在构建一个网站，在那里我可以保存我的代码片段。我正在通过$.ajax.从数据库中提取内容，这里是网站：，选择框选项内容也是动态的。尝试选项HTML > DOCTYPE > HTML4 (因为这是目前唯一起作用的选项)。
如您所见，有一些静态内容使SyntaxHighlighter插件得到了应用。但是当我按照上面的选择选项，从数据库中提取数据时，它就失去了插件。我认为这是因为内容是动态的，我
浏览 3提问于2011-08-16得票数 3
回答已采纳
我是网络开发的新手，可能有一个主要的问题。我已经在我的网站上安装了Joomla2.5CMS，下载，安装并打开了插件。然后启用了bash语法，并且没有向我的页面添加更多以下代码
<pre class="brush: bash">$ uname -a
Linux laptop 2.6.32-41-generic #89-Ubuntu SMP Fri Apr 27 22:22:09 UTC 2012 i686 GNU/Linux
$</pre>
我得到了这个结果
这是好的，但我不知道为什么突出显示垂直滚动条出现。它只滚动一个或两个像素。因此，我尝试的
浏览 0提问于2012-08-25得票数 13
嗯，绿色问号与我的网站配色方案不相配。如何更改/删除它？你可以在这里看到：
谢谢!
浏览 0提问于2011-10-31得票数 13
回答已采纳
我在博客中使用了，但现在它似乎找不到相关的资源。我遵循，通过编辑模板将该功能添加到博客中。
<!-- Add-in CSS for syntax highlighting -->
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js' type='text/javascript'/>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/S
浏览 1提问于2016-05-13得票数 0
回答已采纳
我希望通过css来改变默认字体大小，我不能添加任何有用的css类到div中，而且我似乎不能在不针对所有div的情况下将其作为目标！
这是从g-chrome到代码的完整css路径，从自动生成的div一直到代码。
div#"individual-ID-for-each-code-example-here".syntaxhighliter div.lines div.line.alt1 table tbody tr td.content code.string
我已经尝试了.syntaxhighliter和所有其他的，包括pre，但没有成功，是不是我遗漏了一些简单的东西？
下面是h
浏览 3提问于2012-09-19得票数 2
回答已采纳
我是ajax从主页调用一个html文件。对于主页，语法高亮工具工作正常。
但是，当我在ajax函数中调用主页中的第二个html页面时，语法高亮显示程序无法正常工作。
下面是ajax函数；
$(document).ready(function() {
$("#intro_py").click(function() {
$.get({
url: "Introduction.html",
success: function(data,result) {
$("
浏览 0提问于2016-05-12得票数 0
我正在使用来自的js SyntaxHighlighter 3.0.83
我已经在谷歌上搜索了整个世界，但似乎无法真正找到如何启用换行功能。我得到了一个水平滚动条，这有时很好，但在我的场景中不是这样的。
示例中
有谁知道这附近的路吗？
浏览 0提问于2011-06-09得票数 15
回答已采纳
1回答
我想在wordpress博客中突出显示R语法，使其看起来类似于RStudio。我找到了，它能够突出显示R代码如下：
然而，在我看来，这些颜色太极端了，我正在寻找更类似于基本RStudio的东西。守则应突出强调如下：
问题:是否有一个用于wordpress的插件可以生成这样的代码，或者有什么方法可以自己定制颜色？
浏览 0提问于2018-01-26得票数 0
回答已采纳
显示不带换行符的行。长线显示在一行中，并将水平滚动条添加到容器中。
我不想要那个滚动条，而且我可以通过一些强制但简单的SyntaxHighlighter规则来强制换行。
问题是内容和行号不会显示在同一个容器中，因此如果以这种方式拆分行，行号将不会匹配正确的行。
有没有可能让它不出太多麻烦就能工作？欢迎任何想法..！
浏览 0提问于2012-10-14得票数 1
回答已采纳
我尝试用react和webpack来实现SyntaxHighlighter。
我通过npm安装它。
npm install --save syntaxhighlighter
它安装得很完美。现在的问题是如何正确导入它。
我试过这样做：
import SyntaxHighlighter from 'syntaxhighlighter';
但它不起作用，Chrom控制台报告的错误如下：
TypeError:无法指定对象“#”的只读属性“导出”
我如何与webpack一起使用syntaxHighlighter并做出反应？
浏览 5提问于2017-08-02得票数 6
我使用的是WordPress，一个论坛插件和一个语法高亮插件。 目前，语法高亮笔样式在“原生”WordPress帖子/页面中呈现良好。然而，它们在论坛插件页面上不能正确呈现。这是由于论坛CSS覆盖了一些语法高亮CSS。 考虑这个“简化”的例子：https://jsfiddle.net/2vkzx1js/ <div id="forum">
<div class="post">
<div class="syntaxhighlighter">
<span>This s
浏览 14提问于2019-06-18得票数 0
2回答
我在一个网页上使用，我做了一个javascript函数来使用SyntaxHighlighter.autoloader(...)加载所有的画笔。并应用SyntaxHighlighter.all()
当页面加载时，我运行此函数一次，结果:语法突出显示得到正确应用。
然后，我使用ajax加载一些新内容，并运行相同的函数来突出显示新内容。
然而，这次Syntaxhighlighter似乎忘记了所有加载的笔刷，我收到一个警告，说笔刷没有加载。
我不知道是什么导致了这种情况，尽管我环顾了四周，发现了两种可能的原因：
这看起来像是解决方案，但是当我使用存储库中未打包的shCore.js时，我的集成开发环境
浏览 2提问于2011-09-23得票数 5
我遇到了SyntaxHighlighter Evolved 3.2.1 (最新版本)的问题。如果我的代码包含" <“符号，则将其转换为<。
我使用SyntaxHighlighter shot代码，如下所示：
[sourecode language="java"]
<Cricketer>
[/sourcecode]
它的转换方式如下：
&lt;Cricketer&gt;
我也试过
[java]
<Cricketer>
[/java]
有谁能帮我这个忙吗？
浏览 6提问于2017-04-08得票数 0
参考文件：
<script src="../../Content/dp.SyntaxHighlighter/Scripts/shCore.js" type="text/javascript"></script>
<script src="../../Content/dp.SyntaxHighlighter/Scripts/shBrushXml.js" type="text/javascript"></script>
<link href="../../Content/d
浏览 0提问于2011-08-05得票数 7
我在我的react hooks网站上展示了来自contentful的博客内容。现在，博客的完整描述已经在post.description中收到了。我想将在post.description中收到的code snippets, json data显示为code block。还想添加标题行到h1或h2标签。我们如何从描述字段中识别代码块？现在它只显示页面中的文本(请参考添加的屏幕截图)
import React from "react";
import { Link, useParams } from "react-router-dom";
import MD fr
浏览 0提问于2020-10-04得票数 0
1回答
在Visual Studio2017中下载了SyntaxHighliter Nuget包后，我的pre标记没有保留我想要在我的模式中显示的代码前后的空白。有时，如果我在HTML代码中给出3行空格，它会显示一个空格；有时，如果我在代码前的行上按空格键5次，它会显示一个空格。导致此问题的原因是什么？
下面是我用来设计显示代码样式的样式表和脚本：
<link href="~/Content/SyntaxHighlighter/shCore.css" rel="stylesheet" />
<link href="~/Content/Synta
浏览 0提问于2017-09-14得票数 0
可能重复：
我使用jQuery load()函数动态地将内容加载到div中。在回调中，我调用SyntaxHighlighter.all()，以便很好地打印刚刚加载到div中的pre块的语法。
问题是内容已加载OK，但语法没有突出显示。但是，当我在div中硬编码预块时，没有通过jQUery load()函数加载到DOM中，语法就会被高亮显示。
因此，我猜想SyntaxHighlighter.all()只在html源代码中的pre块上工作，可以使用视图页面源查看这些块，而不是在DOM中的实际内容上工作？
知道我该怎么做吗？
用于加载和突出显示的javascript：
<script t
浏览 1提问于2009-09-03得票数 4
回答已采纳
我正在尝试将合成荧光光谱插件安装到我的wordpress博客上。我已经上传并激活了插件，但它没有工作。我查看了页面源代码，发现插件样式是从以下URL加载的：
http://devermind.com/wp-content/plugins/syntaxhighlighter/syntaxhighlighter/styles/shCore.css?ver=2.0.320
这会导致404错误(找不到页面)。但奇怪的是，当我删除GET参数时，CSS加载ok：
http://devermind.com/wp-content/plugins/syntaxhighlighter/syntaxhighligh
浏览 0提问于2009-06-15得票数 1
回答已采纳
我正在尝试使用插件，但我无法使构建过程正常工作！
按照的说明，我得到以下错误：
$ ./node_modules/gulp/bin/gulp.js setup-project
[10:12:20] Requiring external module babel-register
[10:12:20] Using gulpfile C:\git\syntaxhighlighter\gulpfile.babel.js
[10:12:20] Starting 'setup-project:clone-repos'...
[10:12:20] 'setup-project:cl
浏览 0提问于2017-11-22得票数 6
我似乎找不到的问题所在；它只是添加行号，而不是突出显示文本。我能够让示例页面正常工作，但我不知道我自己的页面出了什么问题。我已经查看了带有firebug的页面，并确保所有文件都已加载。SyntaxHighlighter.all()函数正在触发，它并不是我唯一关心的事情……突出显示。
下面是带有违规代码的。只有一个代码段(页面上的第一个)应该突出显示，并且它只添加了行号。
非常感谢你的帮助。
浏览 1提问于2011-06-15得票数 0
回答已采纳
1回答
到目前为止，Joomla的语法高亮器不起作用。我尝试了插件和下载文件夹从实际的网站。我不明白我做错了什么。
--我尝试使用<和<作为预标记。它应该仅仅是改变的第一个<或<和>？，(插件激活或手动使用文件夹) pre标记总是会出现.然而，突然间，代码被执行，而不是显示出来。在预标记之前，它只会将所有标记显示为普通文本。
下面是我下载的文件夹和所需文件的链接。不知道我是不是错过了什么..。
<!--BEGIN SYNTAX HIGHLIGHTER-->
<script type="text/javascript" sr
浏览 3提问于2011-07-07得票数 0
编辑:为清晰和实际使用而编辑。实际使用甚至会使这种情况变得更容易？
我正在构建一个样式指南，我想为将要使用该指南的人提供一些常见样式/模式的源代码。我的计划是将所有繁重的HTML代码模块抽象成外部文件，并使用jQuery将它们拉进来，然后使用突出显示屏幕上显示的内容。下面的HTML显示了我的意图和我想要做的事情。
现在，我已经删除了所有的JavaScript，因为它没有为当前的问题增加任何价值。我会更新任何我想出来的东西。
<div class="sg-section">
<div class="sg-section-body">
浏览 1提问于2014-02-08得票数 0
回答已采纳
需要将网站语法高亮笔替换为另一个。通过在manifest.json文件中添加以下内容，我成功地实现了与块相关的JS和CSS文件：
"background": {
"scripts": ["background.js"]
},
"permissions": [
"webRequest",
"webRequestBlocking",
"http://*.oschina.net/", "https://*.oschina.net/"
],
浏览 2提问于2014-07-04得票数 1
我发现了一个关于SyntaxHighlighter的问题。
但是，我说的是jquery插件，而不是
我想突出显示tinyMCE中的源代码，我添加了以下按钮：
ed.addButton('srccd', {
title: 'Source Code',
image: 'sourcecode.png',
onclick: function() {
ed.focus();
浏览 1提问于2013-05-24得票数 1
我有用于菜单的jquery脚本和用于图库的其他脚本，如何使两者都能工作？下面是我的代码
I在li元素上也有一些扩展框问题，其解释是：
任何不适合固定宽度或-height框的内容都会导致框展开以适应内容，而不是让内容溢出。
影响: Internet 6.0可能性:可能
和双浮动边距错误：
当一个边距被应用到与浮动方向同侧的浮动框上时，边距就加倍。此错误只影响一个或多个浮点数行中的第一个浮点数。
影响: Internet 6.0可能性:极有可能
这是非常紧急的，请帮助！
菜单栏脚本
<script type="text/javascript" src="../
浏览 2提问于2013-02-22得票数 1
看一下上的一些示例javascript代码，我会看到：
<script src="shCore.js" type="text/javascript"></script>
<script src="shAutoloader.js" type="text/javascript"></script>
<script type="text/javascript">
SyntaxHighlighter.autoloader(
'js jscript ja
浏览 0提问于2012-02-18得票数 0
回答已采纳
5回答
我从那里得到了SyntaxHighlighter
我不能让自动加载机工作。我做错了什么？
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link href="styles/shCore.css" rel="stylesheet" type="text/css" />
<link href="styles/shCoreDefault.css"
浏览 0提问于2011-03-28得票数 3
我一直在努力让Syntaxhighlighter的GWT包装器正常工作。我从上下载了这些库，但它们似乎都不起作用。我开始怀疑，是我对使用外部库的理解如此之差，还是它确实是构建糟糕的JAR。有没有人能用上这个？gwt-syntaxhighlighter 1.1.1-gwt-Standard.jar应该是我运行这段代码所需的全部内容，但它同时缺少源代码和Highlighter.gwt.xml文件。通过组合其他JAR( )的内容，我设法得到了下面的异常，我现在遇到了这个问题：
我的设置如下:我的构建路径中有自定义构建的jar。我的MainPage.gwt.xml包含以下行：
<inheri
浏览 0提问于2012-10-09得票数 2
回答已采纳
标准版本的语法荧光笔3.0.83 ( )类似于包含可选语言包( )的Wordpress插件--例如Biferno、Clojure、DOS批处理文件、F#、LISP、Lua (仅适用于syntaxhighlighter 3.0)、MEL脚本、Objective、PowerCLI、Processing、R、S、S、Tcl、Verilog、Vim脚本和YAML。我正在寻找一种将可选语言添加到标准版本中的方法--在这方面的任何帮助都将不胜感激。
浏览 3提问于2014-04-18得票数 0
回答已采纳
2回答
我使用jQuery load函数异步加载页面，如下所示：
tree.click(function() {
if ($(this).hasClass("file")) {
tree.removeClass("selected");
$(this).addClass("selected");
content.load("content/"+this.id+".html"
浏览 0提问于2009-09-02得票数 6
回答已采纳
3回答
有没有人知道可以和HTML5 docType一起使用的语法高亮笔？我尝试了几个，包括SyntaxHighlighter，Snippet和其他几个，但它们似乎都不能正常工作。我通常在实现插件时都不会遇到问题，所以我不认为这是我正在做的事情(尽管我从不排除这一点)。有没有人在HTML5中成功地使用了其中的一种或另一种？我知道这里有一些这样的帖子，但没有一个是真正最近的。
我希望突出主要是PHP，HTML和JavaScript语法。我更喜欢jQuery解决方案，但任何东西都可以。
浏览 1提问于2012-02-14得票数 2
我试图允许在SharePoint2013博客站点( 门户)上使用突出显示代码。
下面是我在主页头中放进的代码(js和css重新加载源之前已经加载)：
<script type="text/javascript">
function sh(){
SyntaxHighlighter.highlight();
};
// executed when SP load completes
_spBodyOnLoadFunctionNames.push("sh");
</script>
_spBody
浏览 5提问于2014-12-08得票数 4
回答已采纳
我正在使用Dokuwiki，我想在使用Syntaxhighlighter3时去掉内置的代码框(灰色边框)。
如果有人知道怎么做，我将不胜感激。
浏览 3提问于2013-02-19得票数 4
背景:我使用CustomizeMe.xml模板作为来自helpbolgger.com的博客模板。我还在博客模板中集成了语法高亮器。我在模板中包含的CDN文件不加载并给出"net::ERR_CONNECTION_CLOSED“错误。
例如
当我查看我的帖子的源代码时，我发现视图源中的URL是bing "//alexgorbatchev.com/pub/sh/current/scripts/shCore.js“，因此它采用了https而不是http。因此，我在控制台中遇到的错误是
net::ERR_CONNECTION_CLOSED
我不知道为什么url变成https url。
浏览 1提问于2015-11-26得票数 0
2回答
我使用已经有一段时间了，没有任何问题。
然而，我最近重新设计了我的博客样式，现在当一个页面加载一个使用XML刷子的页面时，我会看到一个弹出式的说法：
找不到刷子: xml
我已经检查了和再次检查过了，而且我绝对确定下载的shBrushXML.js包中包含了JavaScript文件(我可以在小型化的JS中看到SyntaxHighlighter.brushes.Xml )。
我还在同一页上使用其他语法进行了测试，它们都很好；这只是XML画笔。
有人知道XML刷子为什么会导致这个问题吗？
浏览 2提问于2014-12-02得票数 3
回答已采纳
我正在使用flutter_markdown包向我的应用程序添加markdown支持。有一个用于syntaxHighlighter的选项。我找到了一个，我该如何使用它来帮助编写我的SyntaxHighlighter类
浏览 2提问于2020-01-05得票数 3
可以使用SyntaxHighlighter ()获得源码的总行数吗？
我可以使用这里定义的技术：，但也许SyntaxHighlighter可以更容易地做到这一点。
谢谢。
浏览 2提问于2012-08-13得票数 0
在“窗口”发出“加载”事件后，如何在加载的内容上使用Alex Gorbatchev语法高亮工具？我正在尝试这样做：
$.ajax({
url: file,
success: function(data) {
$('.fileName').text(file);
$('#fileSource > pre').text(data);
SyntaxHighlighter.all();
}
});
..。但它不起作用。我需要
浏览 0提问于2011-06-25得票数 19
1回答
有几个标记用于代码语法高亮符，如pre和code。如何使它们在同一个站点上兼容？
# Use PreCode for Windows Live Writer
<pre class="brush: py; toolbar: false;">
...
</pre>
# Install the plugin SyntaxHighlighter Evolved (for WordPress)， the source codes will render as:
<div id="highlighter_539499" class="
浏览 14提问于2016-01-10得票数 0
回答已采纳
1回答
我试图在我的react应用程序中突出显示curl代码片段。我也在使用react-syntax-highlighter做同样的事情。 问题是，curl代码没有正确对齐。在我的代码片段下面。 import SyntaxHighlighter from 'react-syntax-highlighter';
import { github } from 'react-syntax-highlighter/dist/esm/styles/hljs';
const getCurlSnippet = (loadId, text) =>{
const token
浏览 51提问于2021-11-16得票数 0
回答已采纳
1回答
我有这段代码.
<pre class="brush: xml"><?xml version="1.0" encoding="utf-8"?>
<Test xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema">
&
浏览 2提问于2014-03-24得票数 3
我真的很喜欢 --它是看起来最棒的代码。不幸的是，我在IE7和IE8中犯了一个可怕的JS错误，这将使我无法完全使用这个本来很好的插件。
这是一个测试用例。我包括了
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
这样IE7和IE8就可以识别HTML5元素了。
在我的测试页面正文中，我只有几个导航项目：
<nav id="top-nav" class="f16 clearfix">
<ul id="n
浏览 2提问于2012-03-18得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
