无法从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

回答

相关问题