TinyMCE fixed_toolbar_container配置

我嘗試在tinymce.init中使用fixed_toolbar_container配置，但它使我用普通的html textarea而不是富文本編輯器。這裏是我的代碼：TinyMCE fixed_toolbar_container配置

<html> 
<head> 
    <script src="tinymce\js\tinymce\tinymce.min.js"></script> 
    <script type="text/javascript"> 
     tinymce.init({ 
      selector: "textarea", 
      inline: true, 
      fixed_toolbar_container: "#mytoolbar", 

      plugins: [ 
       "advlist autolink lists link image charmap print preview anchor", 
       "searchreplace visualblocks code fullscreen", 
       "insertdatetime media table contextmenu paste" 
      ], 
      toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image" 
     }); 
    </script> 
</head> 
<form method="post" action="somepage"> 
    <div id="mytoolbar" style="width:800; height:80; border : 1px blue solid"></div></BR> 
    <textarea id="content"></textarea> 
</form> 
</html>

我正在使用TinyMCE的最新版本，4.0.1版本。

有人能告訴我應該如何將TinyMCE工具欄（連接到textarea的頂部）分解爲單獨的DIV/iFrame？

我會欣賞一個有效的示例代碼。

在此先感謝！

來源

2013-06-27 Mesh

您同時使用選擇器textarea和inline: true，這是衝突的。要麼刪除內聯設置，要麼將選擇器更改爲某個您想要編輯的DIV類名或ID。

來源

2013-07-06 10:11:13

我遇到同樣的問題。如果你想使用帶有textarea的內聯工具欄怎麼辦？內聯工具欄看起來不錯，我必須有一個textarea內容的形式回發。我可以複製提交的內容，但它只是感覺像一個醜陋的黑客... –

你不必保留內容在表單回發工作的textarea，你可以使用內聯模式的DIV的例如classname'。 editable'。 TinyMCE會發送與DIV相同ID的數據 - 如果元素沒有，則創建一個ID。 –

你將如何在.net webforms中做到這一點？我懷疑它將與viewstate一起工作，因爲它必須在頁面上有textarea控件。爲什麼tinymce4不僅適用於像tinymce3這樣的標準textarea-tags？我想我現在會跳過內聯編輯器，並希望他們解決這個問題。 –

TinyMCE fixed_toolbar_container配置

回答

相關問題