我对TinyMCE 4有问题-我无法从textarea获取HTML内容。我使用以下代码:
<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>
请帮忙。谢谢
最佳答案
如果在初始化TinyMCE之后检查页面上的元素,您将看到不同于实际尝试在其上注册keyup事件的dom。
相反,在TinyMCE设置中添加事件处理程序,如下所示。注意我在setup
函数中添加的init
的附加用法。我还更改了选择器以匹配您的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%'
});
});