如何启用微型MCE插件?

时间:2018-07-09 19:17:08

标签: javascript typescript tinymce

因此,我以前从未使用过tinymce,并且正在从事已经安装过tinymce的项目。我从这里的文档中复制了代码:

tinymce.init({
  selector: "textarea", // change this value according to your HTML
  plugins: "advlist"
});

但是我不知道要调用此init函数的位置。

Tiny只是被用来拥有电子邮件文本编辑器,而调用tinymce(我认为)的行是这样的:

<app-tinymce formControlName='emailBody'></app-tinymce>

谢谢!

2 个答案:

答案 0 :(得分:0)

在tinymce库和html加载后(在<script src={tinymcelib}></script>之后插入),您应该调用

<script>
  tinymce.init({
    selector: "html node to mount editor.
    plugins: "list of plugins to use"
  });
</script>

例如使用插件advlist将编辑器安装到元素<textarea id="editor">上,您将这样称呼它:

<script>
  tinymce.init({
    selector: "#editor"
    plugins: "advlist"
  });
</script>

答案 1 :(得分:0)

您还将要引用TinyMCE Angular文档,您正在使用init函数,该函数更多地用于原始HTML / JS方法。不知道确切的设置,很难说是怎么回事,但这是Tiny Angular文档的链接: https://www.tiny.cloud/docs/integrations/angular2/

这是指向GitHiub上的Tiny Angular包装器的链接: https://github.com/angular-ui/ui-tinymce

希望有帮助,听起来像是一个艰难的境地!