Javascript TINYMCE编辑器外部模板:未捕获类型错误:无法读取未定义的属性“indexOf”

Javascript TINYMCE编辑器外部模板:未捕获类型错误:无法读取未定义的属性“indexOf”,javascript,tinymce,editor,tinymce-4,Javascript,Tinymce,Editor,Tinymce 4,我正在使用TINYMCE编辑器版本4.8.2 2018-08-09,并试图在列表中添加一些在.html中预构建的模板。我在plugin目录中安装了模板插件,并在init-tinymce.js中启动了它,如下所示 tinymce.init({ /* replace textarea having class .tinymce with tinymce editor */ selector: "textarea", /* plugin */ plugins: [ "template"

我正在使用TINYMCE编辑器版本4.8.2 2018-08-09,并试图在列表中添加一些在.html中预构建的模板。我在plugin目录中安装了模板插件,并在init-tinymce.js中启动了它,如下所示

tinymce.init({
/* replace textarea having class .tinymce with tinymce editor */
selector: "textarea",   

/* plugin */
plugins: [
    "template"
],

/* toolbar */
toolbar: "template",

/* templates */
templates: [
    {
      title : "Default Template 1",
      src : "tinymce-templates/template1.html",
      description : "Default Template"
    },
    {
        title : "Default Template 2",
        src : "tinymce-templates/template2.html",
        description : "Default Template"
    }
]
})

现在,当我尝试打开并插入我添加的模板时,我可以在下拉列表中看到我的两个模板,但当我看不到预览时。检查时,我发现这个错误在下面共享

我的模板如下所示

<div class="mceTmpl">
  <div class="row">
    <div class="box">
      <div class="col-lg-12">
        <hr>
        <h2 class="intro-text text-center">Build a website
          <strong>worth visiting</strong>
        </h2>
        <hr>
        <hr class="visible-xs">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc placerat diam quis nisl vestibulum dignissim. In hac habitasse platea dictumst. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
      </div>
    </div>
  </div>
</div>

我相信如果你有一个src属性,正确的属性就是url。根据文档,我看到以下内容:

通过此选项,可以指定要创建的预定义模板列表 由用户插入到可编辑区域。它的结构是 数组,每个项都有标题、说明和内容/url

<div class="mceTmpl">
  <div class="row">
    <div class="box">
      <div class="col-lg-12">
        <hr>
        <h2 class="intro-text text-center">Build a website
          <strong>worth visiting</strong>
        </h2>
        <hr>
        <hr class="visible-xs">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc placerat diam quis nisl vestibulum dignissim. In hac habitasse platea dictumst. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
      </div>
    </div>
  </div>
</div>