如何在Wordpress帖子编辑器中添加自定义选项卡?

时间:2012-12-11 00:14:15

标签: php wordpress

目前,帖子编辑器Visual和HTML中有两个标签。

是否有允许添加其他标签的钩子?

如果是这样,它是什么?

其他信息:

所以,让我们说帖子的内容是一个地址。

附加标签将包含要填写的人员的表单。更新帖子后,此人的答案将存储为帖子内容。 (使用我创建的模板预先格式化)

2 个答案:

答案 0 :(得分:2)

没有。这样做没有钩子。但请注意,两个选项卡(HTML和Visual)的处理方式与其他TinyMce按钮(可通过选项设置)的处理方式不同。 Visual和HTML选项卡甚至可以放在编辑器旁边并用JavaScript控制,以在编辑器上产生相同的效果(将其视图从HTML切换到文本,反之亦然)。

答案 1 :(得分:0)

这是HTML和Visual控件可以控制编辑器视图的方式:

            $('a.toggleVisual').click(
                function() {
                    tinyMCE.execCommand('mceAddControl', false, id);
                }
            );

            $('a.toggleHTML').click(
                function() {
                    tinyMCE.execCommand('mceRemoveControl', false, id);
                }
            );

        });

你看,基本上,两个视图之间的区别只是添加或删除控件以保留原始HTML视图或转换它。但你可以在旁边添加一个按钮。这是我自己用来显示标签的代码:

 <p align="right"><a class="button toggleVisual">Visual</a><a class="button toggleHTML">HTML</a></p><textarea rows="10" class="foo" id="editorid" name="editorname" style="width:100%%;">Text area content</textarea>

所以你可以添加另一个这样的标签:

<p align="right"><a class="button toggleTemplate">Your Template Tab</a><a class="button toggleVisual">Visual</a><a class="button toggleHTML">HTML</a></p><textarea rows="10" class="foo" id="editorid" name="editorname" style="width:100%%;">Text area content</textarea>

然后绑定到click事件以显示由您自己的例程生成的另一个视图......