如何在代码编辑器中使用 WordPress 简码？

Question

我每天工作的网站需要我通过所见即所得的编辑器输入大量标记。页面越复杂，在所见即所得编辑器中编写所有代码就越痛苦。因此，我经常最终会在 Atom 中临时编辑一个页面模板，在那里我可以使用自动完成、标签自动关闭和 Emmett 等好东西，还可以在我更改它们时使用 Codekit 获得实时预览。然后我可以将生成的标记剪切并粘贴到 WordPress 编辑器中。我的问题是短代码在此过程中不起作用，因为它们未在 PHP 文件中处理，因此实时预览将不起作用。

// The wordpress editor renders this
[grid class="center-xs]Hello World[/grid]

// Like this
<div class="container">
    <div class="row center-xs"> Hello World</div>
</div>

// PHP files/Atom just render it like this
[grid class="center-xs]Hello World[/grid]

长话短说，为了提高效率，我想在外部代码编辑器中编辑我的代码，但为了一致性和可维护性，我也想使用短代码。

知道我该怎么做吗？

Answer 1

你不能。

您不能简单地将所见即所得编辑器的内容用作 Atom 的所见即所得编辑器。

您可以，但是；

从 WordPress 所见即所得编辑器中获取代码。
将它放入你的编辑器中，Atom。
在你的编辑器中编辑它，Atom。
将其放回 WordPress 中的 WordPress 所见即所得编辑器中并保存。

最佳解决方案

最好的办法是为特定页面使用 PHP 创建一个 custom page template，然后在其中使用 <?php echo do_shortcode( '[grid class="center-xs]Hello World[/grid]' ); ?>。

如何在代码编辑器中使用 WordPress 简码？

How can I use WordPress shortcodes within a code editor?

wordpress

workflow

shortcode

atom-editor