javascript - 需要一些 TinyMCE jQuery 帮助

Question

我正在尝试使用 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>

提前致谢。

Answer 1

由于您使用的是 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 ，这样您就可以看到他是如何做到的。