个人中心
文章发布
退出
作者热门文章
- objective-c - iOS 5 : Can you override UIAppearance customisations in specific classes?
- iphone - 如何将 CGFontRef 转换为 UIFont？
- ios - 以编程方式关闭标记的信息窗口 google maps iOS
- ios - Xcode 5 - 尝试验证存档时出现 "No application records were found"
标签中的文本的空白缩进，不包括文档中标签的当前缩进级别？
27
4
我试图在网站上显示我的代码，但在正确保留空格缩进时遇到问题。
例如给定以下片段:
<html>
<body>
Here is my code:
<pre>
def some_funtion
return 'Hello, World!'
end
</pre>
<body>
</html>
这在浏览器中显示为:
Here is my code:
def some_funtion
return 'Hello, World!'
end
当我希望它显示为:
Here is my code:
def some_funtion
return 'Hello, World!'
end
不同之处在于 HTML pre 标记的当前缩进级别被添加到代码的缩进中。我正在使用 nanoc 作为静态网站生成器，我正在使用 google prettify 来添加语法突出显示。
有人可以提供任何建议吗？
最佳答案
PRE 旨在完全保留空白(除非被 CSS 中的 white-space 更改，它没有足够的灵 active 来支持格式化代码)。
之前
格式被保留，但 PRE 标签之外的所有缩进也被保留。如果能保留以标记位置为起点的空白，那就太好了。
之后
内容的格式仍然与声明的一样，但是由于 PRE 标记在文档中的位置导致的多余前导空格已被删除。
我想出了以下插件来解决由于文档大纲缩进而导致的想要删除多余空格的问题。此代码使用 PRE 标记内的第一行来确定纯粹由于文档缩进而缩进了多少。
此代码适用于 IE7、IE8、IE9、Firefox 和 Chrome。我用 Prettify 对它进行了简单测试库将保留的格式与 pretty-print 相结合。确保 PRE 中的第一行实际上代表了您想要忽略的缩进基准级别(或者，您可以修改插件以使其更智能)。
这是粗略的代码。如果您发现错误或无法按您想要的方式工作，请修复/评论；不要只是投反对票。我编写这段代码是为了解决我遇到的问题，我正在积极使用它，所以我希望它尽可能可靠!
/*!
*** prettyPre ***/
(function( $ ) {
$.fn.prettyPre = function( method ) {
var defaults = {
ignoreExpression: /\s/ // what should be ignored?
};
var methods = {
init: function( options ) {
this.each( function() {
var context = $.extend( {}, defaults, options );
var $obj = $( this );
var usingInnerText = true;
var text = $obj.get( 0 ).innerText;
// some browsers support innerText...some don't...some ONLY work with innerText.
if ( typeof text == "undefined" ) {
text = $obj.html();
usingInnerText = false;
}
// use the first line as a baseline for how many unwanted leading whitespace characters are present
var superfluousSpaceCount = 0;
var currentChar = text.substring( 0, 1 );
while ( context.ignoreExpression.test( currentChar ) ) {
currentChar = text.substring( ++superfluousSpaceCount, superfluousSpaceCount + 1 );
}
// split
var parts = text.split( "\n" );
var reformattedText = "";
// reconstruct
var length = parts.length;
for ( var i = 0; i < length; i++ ) {
// cleanup, and don't append a trailing newline if we are on the last line
reformattedText += parts[i].substring( superfluousSpaceCount ) + ( i == length - 1 ? "" : "\n" );
}
// modify original
if ( usingInnerText ) {
$obj.get( 0 ).innerText = reformattedText;
}
else {
// This does not appear to execute code in any browser but the onus is on the developer to not
// put raw input from a user anywhere on a page, even if it doesn't execute!
$obj.html( reformattedText );
}
} );
}
}
if ( methods[method] ) {
return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ) );
}
else if ( typeof method === "object" || !method ) {
return methods.init.apply( this, arguments );
}
else {
$.error( "Method " + method + " does not exist on jQuery.prettyPre." );
}
}
} )( jQuery );
然后可以使用标准的 jQuery 选择器应用此插件:
<script>
$( function() { $("PRE").prettyPre(); } );
</script>
关于html - 如何保留包含在 HTML <pre> 标签中的文本的空白缩进，不包括文档中 <pre> 标签的当前缩进级别？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4631646/
27
4
0
内的和
看似不可能完成的任务。我有一个服务器输出，其中包含 内的转储。不幸的是，我碰巧转储了一个包含一些 html 标签的文件。我需要转换任何内部 HTML 实体，以便当我将数据附加到 DOM 时结构不会
标签之间的所有内容
我正在读取 .html 文件: const htmlin = String(fs.readFileSync(inputHtml) || ''); const splitted = htmlin.spl
我在 中输入了一些文本, 我输入了一些换行符、空格等。故意。但是，在提交文本并在 内呈现之后, 换行符，空格消失了，它们被类似 \r\n\r\n 的东西所取代， 怎么了？如何保持原始格式？ 我
我在里面有很多内容我正在打印的标签。我正在对打印样式使用媒体查询。一切都很好，只是第一页的最后一行被剪切了。其中一半保留在第一页，另一半显示在下一页。我不知道如何将溢出转移到下一页。 最佳答案 我想通
并用括起来是否安全？
一些用户生成的文本(可能包含脚本/代码)将向公众展示。如果我过滤掉所有 和标记并用 将结果文本括起来和 ，用户提交的脚本有机会被执行吗？ 请给我一个如何破解这个保护方案的例子。 最佳答案 Is it
标签中移除
我制作了简单的 BBCode 脚本，它运行良好。但后来我使用 javascript 库来美化我在 中的代码. 现在我面临的唯一问题是 中每行代码后的标签标签。 所以问题是我怎样才能删除 在
Markdown 中的三个反引号渲染为 ... 。更具体地说， # in markdown ```java ``` # render as ... # my expecting result
标签内的方括号 (<>) 替换除标签内的换行符
我使用 question 中提供的答案替换了 pre 标签外的所有换行符. \n(?
我是一名优秀的程序员,十分优秀！