我正在尝试使用 TinyMCE 在我的网站上进行一些文本区域格式设置...我对集成这类东西有点陌生,需要一些帮助。
我正在使用他们的 jQuery 插件 3.4.x 发现 here .
我似乎无法对我的文本区域产生任何影响!它们看起来仍然像集成此代码之前的常规文本区域。我正在关注 this tutorial .
这是我在标题中使用的脚本(script_url
是正确的):
<script src="tiny_mce/tiny_mce.js"></script>
<script type="text/javascript" src="tiny_mce/jquery.tinymce.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('textarea.tinymce').tinymce({
theme : "simple"
});
});
</script>
还有我的文本区域:
<textarea name="text" class="tinymce"></textarea>
提前致谢。
最佳答案
由于您使用的是 jQuery,因此请确保您正在实现 jQuery 的 $(document).ready()
函数:
<script type="text/javascript">
$(document).ready(function() {
$('textarea.tinymce').tinymce({
script_url : 'tiny_mce/tiny_mce.js',
theme : "simple"
});
});
</script>
编辑#1
尝试直接加载 TinyMCE 以确保加载文件没有问题:
<script src="tiny_mce/tiny_mce.js"></script>
确保它在 $(document).ready()
之前但在加载 jQuery 之后加载。然后,省略 $.tinymce()
的 script_url
参数。
编辑#2
也有可能是 jQuery 或页面上的其他脚本出错。如果在 Safari 或 Chrome 中,右键单击并选择 Inspect Element
以检查 JS 控制台是否有错误。
编辑 #3
仔细检查您没有输入错误的 tiny_mce
脚本的 URL,并且它在浏览器中正确加载(清除缓存!)。此外,如果您同时使用另一个 Javascript 框架,请确保运行 jQuery.noConflict()
以查看是否是问题所在。
编辑#4!我想我找到了问题所在!
经营博客的人显然遇到了与您完全相同的问题。他的解决方案是完全加载和初始化tiny_mce.js
在加载jQuery 之前。这是 a link to the post ,这样您就可以看到他是如何做到的。
关于javascript - 需要一些 TinyMCE jQuery 帮助,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6819052/