如何在 Wordpress 编辑器中放入脚本标签？

Question

几个小时以来一直在为这个问题而苦苦挣扎！

像CSDeck这样的网站提供了一个由pre和script标签组成的嵌入代码。 您可以将该代码嵌入到您的博客中，这些内容就会显示出来。 这是我的意思的一个例子。

但是当我在我的 Wordpress 博客中使用该代码时，它会删除脚本标签。 我怎么解决这个问题？ 我还可以通过某种方式解决它，以便我可以从我在某处定义的白名单域中添加脚本标签吗？

一些帮助将不胜感激。

干杯

Answer 1

您可以使用tinymce设置valid_elements和valid_children来定义将删除哪些tinymce和保留哪些tinymce。

Answer 2

如果您希望将javascript添加到页面中，可以尝试使用Function Reference / wp enqueue脚本。

另外，您应该看看较少的过滤器插件和Advanced Excerpt插件

Answer 3

您可以（至少简单）将脚本粘贴到编辑器的HTML版本中，但不能粘贴到Visual版本中。 Visual版本将对脚本进行编码，从而将其破坏。 我在一两天前在几乎最新的WordPress上进行了测试。 如果您的脚本具有JQuery之类的依赖项，则可能无法正常运行。 这取决于何时加载依赖项以及如何编写脚本。

Answer 4

添加 TinyMCE 数组：

$editor_settings['tinymce '] = array(
        'extended_valid_elements' => 'script[src|async|defer|type|charset]',
         
      );

对于 wp_kses 允许添加脚本：

function allow_script_tags( $allowedposttags ){
  $allowedposttags['script'] = array(
      'src' => true,
      'height' => true,
      'width' => true,
      'charset' => true,
      'async' =>true
    );
  return $allowedposttags;
}

add_filter('wp_kses_allowed_html','allow_script_tags', 50);