無法從textarea獲取HTML內容TinyMCE 4

我遇到了TinyMCE 4的問題 - 我無法從textarea獲取HTML內容。我正在使用以下代碼：無法從textarea獲取HTML內容TinyMCE 4

<script type="text/javascript" src="tinymce/tinymce.min.js"></script> 
<script>tinymce.init({ selector:'textarea', plugins: "charmap", toolbar: 'bold italic underline fontselect | charmap fontsizeselect alignleft aligncenter alignright', font_formats: 'Arial=arial,helvetica,sans-serif;Courier New=courier new,courier,monospace;AkrutiKndPadmini=Akpdmi-n', fontsize_formats: '7pt 8pt 10pt 12pt 14pt 16pt 18pt 24pt 36pt', menu: 'none', statusbar: false, max_width: '10%' });</script> 

    <script> 
    $(document).ready(function(){ 
    $("#fomdpn").keyup(function(){ 
    var x = $("#fomdpn").tinyMCE().getContent(); 
    $("isiatas").html(x); 
    }); 
    }); 
    </script> 

    <form action=""> 
    <textarea name="fomdpn" id="fomdpn" cols="40" rows="5"></textarea> 
    </form> 
    <div id="isiatas" name="isiatas"></div>

請大家幫忙。謝謝

來源

2017-04-19 alex

看起來像你正在嘗試使用jQuery，你沒有源jquery。只要做document.getElementById（'fomdpn'）。value – DrBrad

我嘗試使用這段代碼： var inputBox = tinymce.get（'fomdpn'）。getContent（）; console.log（temp）; inputBox.onkeyup = function（）{ document.getElementById（'isiatas'）。innerHTML = inputBox; } 但不起作用 – alex

嗯，試試這個。。tinyMCE.get（ 'fomdpn'）的getContent（）; 您是否在IE中嘗試這種方式，因爲IE瀏覽器往往會遇到與console.log相關的問題 – DrBrad

如果在初始化TinyMCE後檢查頁面上的元素，將會看到與實際嘗試註冊鍵盤事件不同的dom。

相反，如下所示，在您的TinyMCE設置中添加事件處理程序。請注意我在init函數中添加的setup的額外用法。我也改變了匹配你的dom元素ID的選擇器。

$(document).ready(function() { 
    tinymce.init({ 
     setup: function(editor) { 
      editor.on('keyup', function() { 
       $('#isiatas').html(editor.getContent()); 
      }); 
     }, 
     selector:'#fomdpn', 
     plugins: "charmap", 
     toolbar: 'bold italic underline fontselect | charmap fontsizeselect alignleft aligncenter alignright', 
     font_formats: 'Arial=arial,helvetica,sans-serif;Courier New=courier new,courier,monospace;AkrutiKndPadmini=Akpdmi-n', 
     fontsize_formats: '7pt 8pt 10pt 12pt 14pt 16pt 18pt 24pt 36pt', 
     menu: 'none', 
     statusbar: false, 
     max_width: '10%' 
    }); 
});

來源

2017-04-19 18:48:26 ThisClark

哇，太棒了......這是工作的人。非常感謝 – alex

無法從textarea獲取HTML內容TinyMCE 4

回答

相關問題