Question

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

基本上我想要复制添加图库时发生的事情：将图像显示为图库短代码[图库]的替代品。当你去编辑HTML时，短代码可见。

我想要完全复制这种效果：当编辑器中插入一个短代码时，我希望将其渲染为图像。

我尝试的事情：

插入一个元素（图像，div，我发现一个输入是非常难以理解的等），它由一个短代码包裹（这个工作正常，不是很好。短代码仍然可见，WP将自动添加段落到用于创建空间的元素，用户可以添加可被短代码吃掉的内容 -
将短代码作为＆lt; ！ - - ＆gt;评论（这也不太好用，WP会偶尔吃它在Visual / HTML之间移动。评论也吃了你的内容＆lt;！ - [shortcode] - ＆gt;占位符＆lt;！ - [/短代码] - ＆gt; = ＆lt;！ - 呈现短代码 - ＆gt;）

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

谢谢！

Answer 1

好的，感谢Dan的暗示，找到了答案。这是如何做到的：

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

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

这有关将这种类型的插件添加到TinyMCE（more info here）的基础知识。要让WP使用您的TinyMCE插件see this helpful guide加载.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并且你很好！

用于短代码的WordPress编辑器图像

1 个答案: