TinyMCE和jQuery Mobile textarea

這似乎是超級簡單，但我無法讓它工作，也不能找到答案。TinyMCE和jQuery Mobile textarea

我有一個textarea（editcontent），並在我的onLoad功能我嘗試這樣做：

$('#editcontent').tinymce({ 
    // Location of TinyMCE script 
    script_url: 'tinymce/jscripts/tiny_mce/tiny_mce.js', 

    // General options 
    theme: "advanced", 
    plugins:"pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",

當我到了這個頁面，textarea的是那裏的DOM，但屏幕上顯示不出來（我在Chrome上檢查這個）。我知道腳本位置是正確的。我錯過了什麼？

來源

2011-11-26 Todd Vance

成立的你對的jsfiddle什麼一個例子，你可以包含所有你需要使用的設置示例中的JavaScript和CSS文件「資源」框在左側。它會幫助別人幫助你。或者至少給一個網址，看看你的網站上的你的實時版本 – Lee

我已經編輯了問題來修復代碼格式，但它看起來像缺少右括號。這是粘貼錯誤還是代碼中的錯誤？ – andyb

感謝您的建議李，我認爲我與JSFiddle的問題是它不包含JQ移動，所以它不能充分反映我的行爲。 –

由於我只有一個textarea，我只是使用tinymce init的方式來做到這一點。我確信它可以通過其他方式完成，但我不知道什麼是錯的。

SO：

tinyMCE.init({ 
     mode : "textareas", 
     theme : "advanced", 
     plugins : "emotions,spellchecker,advhr,insertdatetime,preview", 
     theme_advanced_toolbar_location : "top", 
     theme_advanced_toolbar_align : "left"   
    });

這對我的作品對我的一個textarea的...我只是沒有想得聲明所有文字區域爲TinyMCE的框（即使我在技術上只使用一個）。

來源

2011-11-26 17:54:32

您可以使用此初始化功能設置，使之成爲一個或多個編輯器實例

tinyMCE.init({ 
    mode: 'exact', 
    elements : "id_of_texarea, id_of_textarea2, id_of_a_div", 
    theme : "advanced", 
    plugins : ... 
    });

來源

2011-11-27 15:47:24 Thariama

這是我如何做到這一點，有TinyMCE的工作，您需要正確運用三件事情：

1）將tiny_mce.js腳本文件在正確的文件夾

2）取TinyMCE的腳本文件在標籤：

<script type="text/javascript" src="/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>

3）啓動TinyMCE的文件準備好與你喜歡的選項：

$(document).ready(function() { 
    tinyMCE.init({ 
     mode : "textareas", 
     theme : "advanced", 
     theme_advanced_buttons1 : "bold,italic,bullist,numlist", 
     theme_advanced_buttons2 : "", 
     theme_advanced_buttons3 : "", 
     theme_advanced_buttons4 : "", 
     theme_advanced_toolbar_location : "top", 
     theme_advanced_toolbar_align : "left", 
     theme_advanced_resizing : false 
    }); 
});

來源

2011-11-29 10:13:14 evilReiko

TinyMCE和jQuery Mobile textarea

回答

相關問題