如何在没有插件的情况下将 HTML 片段嵌入到 Wordpress 页面中？答案

【问题标题】：How to embed snippet of HTML into a Wordpress page *without* plugins?如何在没有插件的情况下将 HTML 片段嵌入到 Wordpress 页面中？
【发布时间】：2014-01-26 23:01:56
【问题描述】：

搜索此主题会出现自定义插件解决方案，但我更愿意了解“手动”执行此操作所涉及的内容。问题：

我有一个 HTML 的 sn-p，其中包括一个表单（一个亚马逊付款捐赠按钮），我想将它插入到我的一个 Wordpress 页面中。当我在文本编辑器中执行此操作时，它可以正常工作，但生成的代码会被 Wordpress 严重修改。

例如，<br></br> 被添加到每个隐藏的输入元素之后，并且一些无关的 <p></p> 元素也被插入，使得生成的 div 巨大，充满空白（仅通过 CSS 无法更正） .

什么是非插件修复，甚至有可能吗？

【问题讨论】：

为什么不直接修改页面的文字呢？删除新行等？
额外的 br 和 p 元素不会出现在文本编辑器中，但我在检查页面时会看到它们。似乎 Wordpress 在提供页面时将它们注入（？）
是的，通过在编辑器中替换新行。将所有输入放在一行上，你应该没问题。
当，就是这样。有点残酷，因为亚马逊表单有 10 个冗长的隐藏输入，但它确实有效。谢谢！
很高兴你把它整理好了。

标签： html wordpress embed

【解决方案1】：

您可以尝试从内容中清除 p 和 br 标记

只需将其添加到您的 functions.php 文件中

function clean_shortcodes($content){   
    $array = array (
        '<p>[' => '[', 
        ']</p>' => ']', 
        ']<br />' => ']'
    );
    $content = strtr($content, $array);
    return $content;
}
add_filter('the_content', 'clean_shortcodes');

希望对你有帮助:)

【讨论】：