Wordpress 将 javascript 插入页面文本区域答案

【问题标题】：Wordpress insert javascript into page text areaWordpress 将 javascript 插入页面文本区域
【发布时间】：2011-09-10 09:56:16
【问题描述】：

我正在尝试将一些 JavaScript 添加到我的一个 Wordpress 页面中。当我将文本区域更改为 HTML 模式并粘贴到 JavaScript 中时，然后保存我的更改。它不会出现在页面本身上。有人可以帮我在默认的 Wordpress 页面文本编辑器中允许 JavaScript 吗？

我尝试输入的 JavaScript 是：

<script type="text/javascript">
    jQuery(function($){
        $.supersized({
            random : 1,
            slide_interval : 3000,
            transition : 3,
            transition_speed : 900,
            slide_links : 'blank',
        });
    });
</script>

【问题讨论】：

看看这个文档：codex.wordpress.org/Using_Javascript#Javascript_in_Posts

标签： javascript php wordpress

【解决方案1】：

WordPress 对换行的方式非常挑剔，它有时会在其中放置 <p> 标记，这会弄乱 JavaScript 代码。我建议您在发布帖子后查看源代码，看看是否包含任何 <p> 标签。如果是这样，请返回并删除该区域中的空白并重试。

在最坏的情况下，您始终可以使用 Raw HTML 插件，它会为您呈现原始代码：

http://wordpress.org/extend/plugins/raw-html/

【讨论】：

当我查看源代码时，我注意到 wordpress 添加了 CDATA 并且它阻止了 javascript 加载。这也是我的原因，在将文本区域从视觉更改为 HTML 之后，将文本区域更改回视觉并单击更新按钮。
是的...当您在 html 和可视选项卡之间来回切换时，确实会发生奇怪的事情。我自己严格使用 html 标签来避免额外的标记。

【解决方案2】：

您或查看此问题的其他人可能还想尝试我的插件，该插件支持 HTML 编辑器选项卡中的内联 JavaScript 和 JavaScript 代码块。您不必使用简码或特殊标记，您可以继续使用 TinyMCE 所见即所得编辑器，而不必担心会丢失内容...如果您删除可视化编辑器中的所有内容，您将丢失代码块，但内容的编辑、添加和有针对性的删除完全兼容。

当您在 HTML 和 Visual 选项卡之间切换时，它还保留了 HTML 代码的空白和缩进以及其他一些次要功能。

http://wordpress.org/extend/plugins/preserved-html-editor-markup/

【讨论】：