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

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

// 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]

//wordpress编辑器呈现此
[grid class=“center xs]你好，世界[/grid]
//像这样
你好，世界
//PHP文件/Atom就是这样呈现的
[grid class=“center xs]你好，世界[/grid]

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

---

知道我该怎么做吗？

你不能。

您不能简单地获取所见即所得编辑器的内容，并将其用作Atom的所见即所得编辑器

但是，您可以

从WordPress所见即所得编辑器获取代码

把它放到你的编辑器中，Atom

在编辑器Atom中编辑它

将它放回WordPress中的WordPress所见即所得编辑器并保存

---

最佳解决方案

---

您最好的选择是使用PHP为特定页面创建一个连接，然后使用

直接使用netbeans和远程连接。按save，一秒钟后即可在线查看结果。但我可能不理解你的问题……Netbeans实际上不会处理短代码来创建html，因此预览无法在浏览器中正确呈现。你说得对，它与Atom基本相同。我们需要的是一个非常好的Wordpress内容框代码编辑器。大多数都有简单的语法高亮显示，但没有像格式化和代码完成这样的酷东西。从理论上讲，可以使用这样的代码编辑器：在前端加载帖子的内容框，并在前端创建一个实时视图，可能是iframe…@Beatroot，这是真的。像Ace这样的东西会很好。我有点惊讶，没有人处理这个挑战，因为WP已经存在这么久了！