WordPress编辑器图像的短代码

Question

关于WordPress的快速问题。我到处都在谷歌上搜索，但找不到答案。

基本上我希望复制发生什么，当你添加一个画廊:有一个图像显示为站在画廊短代码[画廊]。当你编辑HTML时，短代码是可见的。

我想完全复制这个效果:当一个短代码插入到编辑器我想要渲染为一个图像。

我尝试过的事情:

• 插入一个元素(图像，div，我发现一个输入是相当不可思议的，等)，由一个短代码包装(这工作正常，不是很好。短代码仍然是可见的，WP将自动添加段落到元素中，以创建空间，用户可以添加可能被短代码吞噬的内容) -
• 将短代码插入为<-- --> comment (这也不是很好，WP偶尔会在Visual/HTML之间移动。评论也会吞噬你的内容<-->占位符<——[/shortcode] --> = <——呈现短代码——>)

这就是我考虑事情的程度。我找不到关于如何模仿[画廊]行为的指南，也找不到通过wp-admin的内脏。

谢谢!

Answer 1

好了，多亏了Dan的提示，我找到了答案。方法如下:

首先(正如Dan建议的)看看他们是如何将Gallery插件添加到Tiny MCE的。这里有一个未压缩的js文件，你可以在

找到它

/wp-includes/js/tinymce/插件/wpgallery/editor_plugin.dev.js

这是关于在TinyMCE中添加这种类型插件的基础知识(更多信息在这里)。要让WP用你的TinyMCE插件加载.js文件，请参阅这个有用的指南。

基本代码如下:

if ( get_user_option('rich_editing') == 'true') {
    add_filter("mce_external_plugins", "add_jolokia_tinymce_plugin");
//Applying the filter if you're using the rich text editor
}
function add_jolokia_tinymce_plugin($plugin_array) {
    $plugin_array['example'] =  '/path/to/example.js';
    return $plugin_array;
}

将此添加到主题中的插件或function.php中，您就可以了!