在古腾堡隐藏简码预览

Question

我创建了一个自定义短代码，它从模板文件中呈现一些 html / css / javascript。

function jsd_waitlist_hero_shortcode() {
  include dirname( __FILE__ ) . '/jsd-templates/' . 'jsd-waitlist-hero.php';
  return null;
}
add_shortcode('jsd_waitlist_hero', 'jsd_waitlist_hero_shortcode');

效果很好，但是，当我将它包含在页面中时，

内容显示在编辑器中。

我不想发生这种情况，因为 css 最终会坏掉，而且看起来很奇怪。

有什么方法可以让 Gutenberg 不在编辑器中显示短代码，但在实时显示时仍然显示它？

Answer 1

运行 include inside ob_start 和 ob_get_clean 成功了

function jsd_waitlist_hero_shortcode() {
  ob_start();
  include dirname( __FILE__ ) . '/jsd-templates/' . 'jsd-waitlist-hero.php';
  $content = ob_get_clean();
  return $content;
}

在古腾堡隐藏简码预览

Hide shortcode preview in gutenberg

wordpress

wordpress-gutenberg