Question

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

我正在使用他们的jQuery插件3.4.x找到here。

我似乎无法对我的textareas产生任何影响！在整合此代码之前，它们仍然看起来像普通的textareas。我正在关注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：

<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的{{1}}参数。

编辑＃2

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

编辑＃3

仔细检查您是否错误输入了Inspect Element脚本的URL，并且在浏览器中正确加载（清除缓存！）。此外，如果您同时使用其他Javascript框架，请确保运行tiny_mce以查看是否存在问题。

编辑＃4！我想我发现了这个问题！

运行博客的人显然确实存在与您一样的确切问题。他的解决方案是在加载jQuery之前完全加载并初始化jQuery.noConflict() 。这是a link to the post，所以你可以看到他是如何做到的。

需要一些TinyMCE jQuery帮助

1 个答案:

编辑＃1

编辑＃2

编辑＃3

编辑＃4！我想我发现了这个问题！