需要一些TinyMCE jQuery帮助

Question

我正在尝试使用TinyMCE在我的网站上进行一些textarea格式化...我有点新的整合这种东西,可以使用一些帮助.

我使用的是发现自己的jQuery插件3.4.x 这里.

我似乎无法对我的textareas产生任何影响!在整合此代码之前,它们仍然看起来像普通的textareas.我正在学习本教程.

这是我使用的脚本在我的标题中(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 之前加载的。然后，省略script_url的参数$.tinymce()。

编辑#2

也有可能是 jQuery 或页面上的其他脚本存在错误。如果在 Safari 或 Chrome 中，右键单击并选择Inspect Element检查 JS 控制台是否有错误。

编辑#3

仔细检查您没有错误输入tiny_mce脚本的 URL，并且它在浏览器中正确加载（清除缓存！）。另外，如果您同时使用另一个 Javascript 框架，请确保运行jQuery.noConflict()以查看是否存在问题。

编辑#4！我想我发现了问题！

显然，运行博客的人也遇到了和您一样的问题。他的解决方案是在加载 jQuery之前完全加载并初始化tiny_mce.js 。这是该帖子的链接，您可以了解他是如何做到的。