是否可以在Wordpress中显示HTML代码？

Question

我尝试了无数的插件，用转义键复制HTML，我的血液开始沸腾。在Visual和HTML模式之间切换实际上是在改变我的内容，即破坏它！

Answer 1

好的，我想出了该怎么做。

1. 首先进入视觉模式。
2. 在格式下拉列表中选择预先格式化。创建了一个小灰盒子。
3. 在灰色框内，复制并粘贴原始HTML。

保存并从视觉切换到HTML视图几次。不应该有任何损坏。

粘贴到可视选项卡，而不是文本标签中的

非常重要 ，否则它会被完全填满（非常不直观。你会认为它会以另一种方式起作用。）

Answer 2

Wordpress做了一件奇怪的事情，如果你在视觉和“文本”模式之间切换（HTML模式在3.5更新中被重命名），它会剥离任何看似空的标签，这些标签往往可能不是。如果我正确理解问题，这可能就是您所遇到的。

如果您只是想在您的网站上显示代码，您应该能够像这样包装代码：

<code><p>Example code post</p></code>

这些指南在此处列出：http://codex.wordpress.org/Writing_Code_in_Your_Posts

如果它是一段需要不包装的代码，你也可以像这样使用“pre”标签：

<pre><code><p>Example code post</p></code></pre>

这里描述得非常好：<code> vs <pre> vs <samp> for inline and block code snippets

Answer 3

是的，这是绝对可能的。您可以遵循上述任何一种方法。我更喜欢以下方式。

首先，使用在线html解码器对HTML代码进行解码。您可以在Google上找到任何内容。然后，您可以将解码后的代码粘贴到您的帖子上。这种方法的好处是您的缩进不会丢失。

解码后的代码

渲染的视图文件

希望，它可以帮助将来的读者找到一种方法。

Answer 4

WordPress非常容易出错。我花了很长时间才终于成功。对于我安装在PC上的Wordpress.org，我尝试过：进入可视模式，添加预格式化的文本块，复制/粘贴解码或编码。我试过了：

<pre><code><p>Example code post</p></code></pre>

那行不通。

它对我有用的唯一方法是：

转到视觉，而不是添加预格式化的文本块，而是创建一个段落文本块，复制/粘贴编码的HTMl，然后将其转换为预格式化。

希望有帮助。

Answer 5

也许，你应该试试这个插件 http://wordpress.org/extend/plugins/insert-html-snippet/

希望这有帮助！

Answer 6

一种方法是对代码进行评论。像，

<!--div>
    <md-divider class="org__meta-divider md-soc-theme"></md-divider>
    <h4 class="org__meta-heading">Technologies</h4>
    <ul layout="" layout-wrap="" class="org__tag-container layout-wrap layout-row">
        <li class="organization__tag organization__tag&#45;&#45;technology">web services</li>       
    </ul>
</div-->

而不是

<div>
    <md-divider class="org__meta-divider md-soc-theme"></md-divider>
    <h4 class="org__meta-heading">Technologies</h4>
    <ul layout="" layout-wrap="" class="org__tag-container layout-wrap layout-row">
        <li class="organization__tag organization__tag&#45;&#45;technology">web services</li>       
    </ul>
</div>