如何將自定義選項卡添加到Wordpress文章編輯器？

目前在帖子編輯器Visual和HTML中有兩個選項卡。如何將自定義選項卡添加到Wordpress文章編輯器？

是否有掛鉤允許添加另一個選項卡？

如果是這樣，它是什麼？

附加信息：

所以，讓我們說，帖子的內容是一個地址。

附加選項卡將包含要填寫人員的表單。更新信息時，此人的答案將存儲爲信息內容。（用我自己創建的模板預先格式化）

來源

2012-12-11 Jean Paul

你想要做什麼第三個選項卡？ – markratledge

我想添加一個內容模板。我可以使用一個metabox來達到同樣的目的。我想要第三個標籤的原因是新標籤的內容是帖子的內容。嗯......一個解決方案可以是一個自定義的帖子類型，然後完全替換編輯器。 –

你真的不清楚你所指的是什麼*「這個帖子會是什麼」* ...並且對於一個好的答案，這個信息是一種基本的。 ...請將新的信息添加到問題本身，您可以隨時[編輯]（http://stackoverflow.com/posts/13811578/編輯）它隨時需要。 – brasofilo

不，這沒有問題。但請注意，兩個選項卡（HTML和Visual）的處理方式與TinyMce按鈕的其餘部分（可通過選項設置）不同。 Visual和HTML標籤甚至可以放在編輯器旁邊，並用JavaScript控制，以在編輯器上產生相同的效果（將其視圖從HTML切換到文本，反之亦然）。

來源

2012-12-11 00:30:30 barakadam

非常感謝。你知道如何添加另一個標籤嗎？可能使用JavaScript？ –

你需要解釋你想要添加什麼樣的選項卡。可視化和HTML選項卡控制編輯器內容的顯示。你的第三個標籤要做什麼？ – barakadam

只是將原因添加到原始帖子。謝謝你的幫助！ :) –

這是HTML和可視化控制如何控制編輯觀點：

  $('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事件顯示另一種觀點認爲，通過產生你自己的例程...

來源

2012-12-11 02:31:47 barakadam

謝謝，事情是我將它添加到一個插件。由於沒有鉤子，我可以使用你的腳本並通過JavaScript注入。 –

如何將自定義選項卡添加到Wordpress文章編輯器？

回答

相關問題