我尝试了无数插件,用转义键编写 HTML,我的血液开始沸腾。在 Visual 和 HTML 模式之间切换实际上是在改变我的内容,即破坏它!!!
6 回答
好的,我知道该怎么做了。
- 首先进入视觉模式。
- 在格式下拉列表中选择预格式化。创建了一个小灰色框。
- 在灰色框中,复制并粘贴您的原始 HTML。
保存它并从视觉视图切换到 HTML 视图几次。不应该有乱码。
粘贴到可视选项卡而不是文本选项卡中绝对至关重要,否则它会被完全塞满(非常不直观。你会认为它会以相反的方式工作)。
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> 用于内联和块代码片段
Wordpress 非常有问题。我花了很长时间才终于成功。对于安装在我的电脑上的 Wordpress.org,我尝试了:转到可视模式,添加预格式化的文本块,复制/粘贴解码或编码。我试过 :
<pre><code><p>Example code post</p></code></pre>
那没有用。
它对我有用的唯一方法是:
转到视觉,而不是添加预先格式化的文本块,我创建一个段落文本块,复制/粘贴编码的 HTMl,然后将其转换为预格式化。
希望有帮助。
也许,你应该试试这个插件 http://wordpress.org/extend/plugins/insert-html-snippet/
希望这可以帮助!
一种方法是对代码进行注释。就像是,
<!--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--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--technology">web services</li>
</ul>
</div>