Formatting with <pre>

时间：2013-01-06 作者：Lars van Peij

我正在构建一个不希望对条目内容应用任何样式的网站，因为它应该保留文本的格式。

奇怪的是，它在旧条目上工作，但通过前端系统的新条目失败：http://madebylars.nl/music/?page_id=373

示例：

此方法有效：

http://madebylars.nl/music/?tab=the-tallest-man-on-earth-love-is-all

这个不能：

http://madebylars.nl/music/?tab=the-tallest-man-on-earth-like-the-wheel

它们在WordPress后端看起来都不错，但只有一个在前端看起来不错。有没有关于如何解决这个问题的想法？

我已经把整段文字都写进去了<pre> 标记并剥离html标记的wp内容。

这是我使用的样式（两者都有！）：

pre {
    background: none; 
    font: 13px "Courier 10 Pitch", Courier, monospace;
    line-height: 1.5;
    margin-bottom: 1.625em;
    overflow: auto;
    padding: 0.75em 1.625em;
    display: block;
    font-family: monospace;
    white-space: pre-wrap;
    letter-spacing: normal;
    word-wrap: break-word;
    word-spacing: normal;
    word-break: normal;
    margin: 1em 0px;
}

4 个回复

最合适的回答,由SO网友:brasofilo 整理而成

您链接的页面使用两个不同的字符，一个是&mdash 另一个我不知道名字，它不能翻译成Html实体。。。

原件：

2——-2——-7——-7——-| <；--混合字符

使用有效的字符：

2---2---7---7---| <；--这个不是&mdash.

您可以考虑使用shortcode 封装选项卡，以便可以操纵字符并替换错误的字符。

SO网友:Lars van Peij

经过一些研究，WordPress，或者更准确地说是“wp texturize”，会自动将双破折号“-”转换为–.

显然，有一个– 和—. 第一个对应于字母“n”的宽度，第二个对应于字母“m”的宽度。有趣的

wordpress。stackexchange。com/questions/60379/…我现在已经解决了以下问题：

<?php remove_filter( \'the_content\', \'wptexturize\' ); ?>

将其放入函数中。php。谢谢大家！

SO网友:adrian7

它不起作用的原因可能有很多：标记无效，剥离内容也会删除<div>s（在某些情况下，它会在wordpress编辑器中创建换行符）等等。

事实上，我认为你应该直接从数据库或使用$post->post_content 和strip_tags 在上面。

但首先在静态页面上检查所有格式。创建虚拟测试。php中没有任何样式和输出，您只需在一篇文章中输入代码即可。测试它的各种帖子，如果它在那里工作，它将在网站上工作。

SO网友:akTed

除非我太离谱了，完全误解了这个问题，否则在第二个链接（不起作用的链接）中，不同的行有不同的字符数。下面是字符串INTRO

First string:  —————-| (7 chars)
Second string: ———-0—–| (8 chars)
Third string:  ——0——-0-| (9 chars)

你是说你想让它看起来像这样：

First string:  ———————-| (9 chars)
Second string: ————-0—–| (9 chars)
Third string:  ——0——-0-| (9 chars)

结束

标签： formatting pre 小码农

相关推荐

WordPress Custom URL Rewrites

我正在尝试向特定页面添加带有单个变量的自定义重写规则。“丑陋”的版本是http://example.com/used-cars/car/?carname=name-of-car 我想要的“漂亮”版本是http://example.com/used-cars/car/name-of-car.http://example.com/used-cars/car/ 是一个带有自定义模板的页面，如果carname 未设置变量。这是我目前掌握的代码：add_filter(\'query_vars\', \'ip_add