我如何正确使用 Tinymce 4.1.9 和 Jquery?
How do I appropriately use Tinymce 4.1.9 with Jquery?
我已经下载了 Tinymce 4.1.9 并使用了 demo page 上的示例代码,但我猜它没有初始化 Tinymce,因为在版本 4.1.9 上 no名为 tiny_mce.js 的文件。
我已经搜索并找到了 this post on Whosebug 并且我已经完成了
<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>
同样不行,所见即所得不显示。我只得到一个没有所见即所得的文本区域。如果我想将 tinymce 与 Jquery.
一起使用,我不知道我错过了什么
如何正确使用 Tinymce 4.1.9 和 Jquery?
像这样尝试
JQuery
$(function() {
$('textarea.tinymce').tinymce({
...
});
});
HTML
<textarea id="content" name="content" class="tinymce" style="width:100%">
我已经下载了 Tinymce 4.1.9 并使用了 demo page 上的示例代码,但我猜它没有初始化 Tinymce,因为在版本 4.1.9 上 no名为 tiny_mce.js 的文件。
我已经搜索并找到了 this post on Whosebug 并且我已经完成了
<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>
同样不行,所见即所得不显示。我只得到一个没有所见即所得的文本区域。如果我想将 tinymce 与 Jquery.
一起使用,我不知道我错过了什么如何正确使用 Tinymce 4.1.9 和 Jquery?
像这样尝试
JQuery
$(function() {
$('textarea.tinymce').tinymce({
...
});
});
HTML
<textarea id="content" name="content" class="tinymce" style="width:100%">