TinyMCE编辑器在chrome、mozilla firefox和jquery一起用于Handlebar脚本文件时不起作用

我使用的是最新版本的TinyMCE 4.0b3。Jquery版本是1.9.1。 下面是我的代码：

<script type="text/javascript" src="tinymce/tinymce.min.js"></script>
<script type="text/javascript">
  tinymce.init({
  selector: "textarea",
  theme: "modern",
  plugins: [
  "advlist autolink lists link image charmap print preview hr anchor pagebreak",
  "searchreplace wordcount visualblocks visualchars code fullscreen",
  "insertdatetime media nonbreaking save table contextmenu directionality",
  "emoticons template paste textcolor"
  ],
  toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
  toolbar2: "print preview media | forecolor backcolor emoticons",
  image_advtab: true,
  templates: [
   {title: 'Test template 1', content: 'Test 1'},
   {title: 'Test template 2', content: 'Test 2'}
  ],
 });
 </script>

 <textarea name="content" rows="5" cols="100"/>

tinymce.init({
选择器：“文本区域”，
主题：“现代”，
插件：[
“advlist autolink列出链接图像charmap打印预览hr锚定页面中断”，
“searchreplace wordcount visualblocks visualchars代码全屏显示”，
“insertdatetime媒体非中断保存表上下文菜单方向性”，
“表情符号模板粘贴文本颜色”
],
工具栏1：“插入文件撤消重做|样式选择|粗体斜体|对齐左对齐中心对齐右对齐对齐对齐|粗体numlist outdent缩进|链接图像”，
工具栏2：“打印预览媒体|前景色背景表情”，
图像\u advtab：正确，
模板：[
{标题：'测试模板1'，内容：'测试1'}，
{标题：'测试模板2'，内容：'测试2'}
],
});

以上代码在IE9标准模式下运行良好。但不是在IE9兼容模式下，mozilla firefox、google chrome、safari。我在浏览器控制台中没有看到任何错误

我看到很多关于这个的帖子，所以jquery应该在tinymce之后加载来解决这个问题。 但在我们的应用程序中，我们不能这样做，因为jquery是在主页本身加载的

我试过使用$（document）.ready函数，但没有用。我不确定这是否是jquery的问题

编辑： 上述代码在所有浏览器的普通html文件中都能正常工作。 在我们的应用程序中，我们使用hbs（handlebar脚本）文件。当试图将该代码放入hbs文件时，它不起作用

---

是否有其他方法解决此问题。

尝试将脚本代码放在正文标记之后。

尝试将脚本代码放在正文标记之后。

在我们的应用程序中，我们也使用require js。所以我们需要做些什么来让它发挥作用

requirejs.config({
baseUrl: "js",
paths: {
    tinyMCE: 'libs/tinymce/tiny_mce'
},
shim: {
    tinyMCE: {
        exports: 'tinyMCE',
        init: function () {
            this.tinyMCE.DOM.events.domLoaded = true;
            return this.tinyMCE;
        }
    }
}
});

---

参考：

在我们的应用程序中，我们也使用requirejs。所以我们需要做些什么来让它发挥作用

requirejs.config({
baseUrl: "js",
paths: {
    tinyMCE: 'libs/tinymce/tiny_mce'
},
shim: {
    tinyMCE: {
        exports: 'tinyMCE',
        init: function () {
            this.tinyMCE.DOM.events.domLoaded = true;
            return this.tinyMCE;
        }
    }
}
});

---

参考资料：

适用于我（在Chrome中）：@SebastianG:在所有浏览器中使用纯html时，它适用于我。在我们的应用程序中，我们使用hbs文件。当试图将代码放入hbs文件时，它不起作用。啊，hbs文件。。。你能说得更准确些吗？从未听说过这个词。@SebastianG:hbs文件：把手脚本文件。请参阅我的编辑如果它在正常环境下工作，您的HBS文件似乎有问题。你应该修改你的问题的标签和标题，这真的很让人困惑。对我有效（在Chrome中）：@SebastianG:在所有浏览器中使用纯html时对我有效。在我们的应用程序中，我们使用hbs文件。当试图将代码放入hbs文件时，它不起作用。啊，hbs文件。。。你能说得更准确些吗？从未听说过这个词。@SebastianG:hbs文件：把手脚本文件。请参阅我的编辑如果它在正常环境下工作，您的HBS文件似乎有问题。你应该修改你的问题的标签和标题，这真的很混乱。