如何在代码编辑器中使用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

您不能。

您不能仅获取WYSIWYG编辑器的内容并将其用作Atom中的WYSIWYG编辑器。

您可以，但是；

1. 从WordPress所见即所得编辑器中获取代码。
2. 将其放入您的编辑器Atom中。
3. 在您的编辑器Atom中对其进行编辑。
4. 将其放回WordPress中的WordPress WYSIWYG编辑器中并保存。

---

最佳解决方案

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