如何在Jquery中正确使用Tinymce 4.1.9?

时间:2015-04-20 10:28:12

标签: javascript jquery tinymce

我已经下载了Tinymce 4.1.9并且我使用了demo page上的示例代码,但它没有初始化Tinymce我猜是因为在版本4.1.9中有没有名为tiny_mce的文件。 js

我搜索并找到了this post on Stackoverflow,我已经完成了这个

<script src="tinymce/js/tinymce/tinymce.min.js" type="text/javascript"></script>
<script src="tinymce/js/tinymce/jquery.tinymce.min.js" type="text/javascript"></script>


<script type="text/javascript">

$('textarea').html('<p>some dynamic content</p>').tinymce({
   theme: "modern",
    plugins: [
        "advlist autolink lists link image charmap print preview anchor",
        "searchreplace visualblocks code fullscreen",
        "insertdatetime media table contextmenu paste"
    ],
    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
})


</script>

<form method="post" action="somepage">
    <textarea name="content" style="width:100%"></textarea>
</form>

那也没有用,WYSIWYG没有显示。我只得到一个没有WYSIWYG的textarea。如果我想在Jquery中使用tinymce,我不知道我错过了什么。

如何将Tinymce 4.1.9与Jquery一起使用?

1 个答案:

答案 0 :(得分:0)

尝试这样

JQuery的

$(function() {
   $('textarea.tinymce').tinymce({
    ...
   });
});

HTML

 <textarea id="content" name="content" class="tinymce" style="width:100%">

Source