需要一些 TinyMCE jQuery 帮助

Question

我正在尝试使用 TinyMCE 在我的网站上设置一些 textarea 格式...我对集成这种东西有点陌生，可以使用一些帮助。

我正在使用他们的 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，你可以看看他是怎么做到的。