这是 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事件以显示另一个视图,由您自己的例程生成...