如何在 PHP 中包含 JavaScript答案

【问题标题】：How to Include JavaScript in PHP如何在 PHP 中包含 JavaScript
【发布时间】：2014-06-02 14:47:58
【问题描述】：

我应该将此 JavaScript 包含在我的 WordPress 的 functions.php 文件中。

tinymce.init({
        ...
        extended_valid_elements : "img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name]"
});

我把它放在functions.php，但没有用。我做错了什么？

echo '<script type="text/javascript">'
   , 'tinymce.init({
            ...
            extended_valid_elements : "img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name]"
        });'
   , '</script>'
;

编辑：如果我解释一下我到底想要做什么，也许会有所帮助。当我使用 WordPress HTML 编辑器添加这样的图标时

<span class="icon-shield"></span>

然后切换到可视化编辑器再回到HTML编辑器，图标就消失了。我试图在上面包含那一点 JavaScript 来解决这个问题。我按照建议查看了wp_enqueue_scripts，并将其放在functions.php中，但仍然无法解决问题。

function oakwood_tinymcefix() {
    wp_enqueue_script( 'tiny_mce' );
    echo '<script type="text/javascript">'
   , 'tinymce.init({
            ...
            extended_valid_elements : "img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name]"
        });'
   , '</script>';
}
add_action( 'admin_enqueue_scripts', 'oakwood_tinymcefix' );

【问题讨论】：

你检查过脚本是否创建了吗？
为什么要从你的function.php中添加这个
检查codex.wordpress.org/Function_Reference/wp_enqueue_script
别再看 PHP 了，想知道为什么有些 JS 不起作用。查看发送到浏览器的源代码。 JS 有你期待的 JS 吗？如果是这样，请调试它。如果没有，请开始找出 PHP 没有输出您期望的文本的原因。
@mcography Quentin 基本上是说你应该在浏览器中查看最终呈现的 HTML 和 JavaScript，并尝试在那里初步解决问题。在那之后，重组你需要用 PHP 或 JavaScript 或什至 HTML 重组的东西来让事情正常工作。

标签： javascript php wordpress function tinymce

【解决方案1】：

尝试像这样使用heredoc syntax：

echo <<<EOT
<script type="text/javascript">
tinymce.init({
        ...
        extended_valid_elements : "img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name]"
});
</script>
EOT;

【讨论】：

【解决方案2】：

您的 JavaScript sn-p 似乎对 TinyMCE 做了一些事情。您可能希望在加载 TinyMCE 后加载您的 js。在您的functions.php 中使用此方法：

add_action( 'after_wp_tiny_mce', 'YOUR_SLUG_after_wp_tiny_mce' );
function YOUR_SLUG_after_wp_tiny_mce() {
    printf( '<script type="text/javascript" src="%s"></script>',  plugins_url('/js/your-file.js', __FILE__) );
}

【讨论】：