將textarea更改爲tinyMCE編輯器按鈕單擊

我想將正常textarea轉換爲tinyMCE單擊按鈕編輯器。情景是，我有兩個按鈕在我的頁面和兩個textarea從一個按鈕點擊一個jquery函數將被調用，並從其他第二個jquery按鈕將被調用，功能調用正常，但問題是，正常textarea不是當點擊一個特定的按鈕時轉換爲tinyMCE編輯器。請幫忙解決下面是我的工作代碼和一個更多的事情後，將有保存按鈕等等保存按鈕點擊tinyMCE編輯器可以很容易地更改爲正常textarea。將textarea更改爲tinyMCE編輯器按鈕單擊

的index.php：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> 
<script src="http://tinymce.cachefly.net/4.2/tinymce.min.js"></script> 
</head> 
<body> 
<script type="text/javascript"> 
$(document).ready(function() 
{ 
    function refreshdiv() 
    { 
    $.ajax({ 
    type:"POST", 
    url: 'load_tinymce.php', 
    cache:false, 
    success:function(html){ 

    var mainDiv = $('.attach_tiny_editor'); 
    mainDiv.empty(); 
    $(mainDiv).prepend(html); 

    }, 
    beforeSend: function(){ 

    }, 
    complete: function(){ 


    } 
    }); 
    } 

    refreshdiv(); 



}); 

$(document).ready(function(){ 

$(document.body).on('click', '#refresh_1' ,function(e){ 
     refreshdiv(); 

     tinyMCE.init({mode : "none"}); 
     tinyMCE.execCommand('mceAddControl', false, 'txt12'); 
}); 

$(document.body).on('click', '#refresh_2' ,function(e){ 
     refreshdiv(); 
     tinyMCE.execCommand('mceAddControl', false, 'txt13'); 
}); 

}); 

</script> 
<div class="attach_tiny_editor"> 

</div> 
<input type="button" id="refresh_1" value="refresh"/> 

<input type="button" id="refresh_2" value="refresh"/> 
</body> 
</html>

load_tinymce.php

<div> 
<textarea id="txt12"> </textarea> 
<textarea id="txt13"> </textarea> 
</div>

來源

2015-11-02 user3653474

很酷，你的代碼有什麼問題？我們應該運行它並調試或調用仙女？ – mikus

我的文本區不會更改爲按鈕單擊上的tinyMCE編輯器，因爲您可以看到我在上面對我的問題進行了描述。 – user3653474

你是否設法使tinymce以其他方式工作？ – mikus

你需要把TinyMCE的初始化到阿賈克斯成功處理函數，以獲得執行。否則，textarea不在需要的時候。

編輯：這將只啓動一個編輯器！

$(document).ready(function() 
{ 
    function refreshdiv() 
    { 
    $.ajax({ 
    type:"POST", 
    url: 'load_tinymce.php', 
    cache:false, 
    success:function(html){ 

    var mainDiv = $('.attach_tiny_editor'); 
    mainDiv.empty(); 
    $(mainDiv).prepend(html); 

    tinymce.init({selector:'textarea#' + window.ed_id}); 

    }, 
    beforeSend: function(){ 

    }, 
    complete: function(){ 

    } 
    }); 
    } 

    refreshdiv(); 
}); 

$(document.body).on('click', '#refresh_1' ,function(e){ 
     window.ed_id = 'txt12'; 
     refreshdiv(); 

     tinyMCE.init({mode : "none"}); 
     tinyMCE.execCommand('mceAddControl', false, 'txt12'); 
}); 

$(document.body).on('click', '#refresh_2' ,function(e){ 
     window.ed_id = 'txt13';   
     refreshdiv('txt13'); 
     tinyMCE.execCommand('mceAddControl', false, 'txt13'); 
});

來源

2015-11-02 09:54:43 Thariama

感謝您的回答，但我必須將textarea轉換爲tinyMCE編輯器，然後按一下按鈕，就像tinymce.init（{selector：'textarea'}）一樣進行操作。在成功部分添加它使得兩個文本框在頁面加載時變爲tinyMCE，但我不希望這樣。請回答我的問題。 – user3653474

看到我更新的答案 – Thariama

將textarea更改爲tinyMCE編輯器按鈕單擊

回答

相關問題