用于简码的 WordPress 编辑器图像

Question

关于 WordPress 的快速问题。我一直在谷歌搜索，找不到答案。

基本上，我希望复制添加画廊时发生的情况:将图像显示为画廊短代码 [gallery] 的替代品。当您编辑 HTML 时，短代码可见。

我想完全复制这种效果:当将短代码插入编辑器时，我希望将其呈现为图像。

我尝试过的事情:

插入一个由短代码包装的元素(图像，div，我发现输入非常不可靠，等等)(这工作正常，不是很好。短代码仍然可见，WP 会自动向元素添加段落以创建用户的空间可以，可能，添加将被短代码吃掉的内容)-

将短代码作为 < !-- --> 注释进行惰性化(这也不是很好，WP 偶尔会在 Visual/HTML 之间移动时吃掉它。评论也吃掉你的内容 < !-- [短代码]-->占位符 < !--[/shortcode] --> = < !-- 呈现的简码 -->)

这就是我想事情的程度。我找不到有关如何模仿 [gallery] 行为的指南，也无法通过 wp-admin 的胆量找到它。

谢谢!

Answer 1

好的，多亏了丹的提示，找到了答案。这是如何做到的:

首先(正如 Dan 建议的那样)看看他们如何将 Gallery 插件添加到 Tiny MCE。实际上有一个未压缩的 js 文件可以为您提供所需的概述，请在以下位置找到它:

/wp-includes/js/tinymce/plugins/wpgallery/editor_plugin.dev.js

这涵盖了将此类插件添加到 TinyMCE (more info here) 的基础知识。要让 WP 使用 TinyMCE 插件加载 .js 文件，see this helpful guide .

基本上这里的代码:

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 你很好!