javascript - Froala WYISWYG编辑器未显示工具栏按钮

Question

我从 Angular 为1的项目Froala编辑器开始，我逐步按照文档进行操作，我想显示insertImage按钮和insertTable，但没有显示任何内容。这是我的代码:

var tb = [ "bold", "italic" , "insertTable","insertImage" ];
$scope.froalaOptions = {
  toolbarButtons: tb,
  toolbarButtonsMD: tb,
  toolbarButtonsSM: tb,
  toolbarButtonsXS: tb
};

这是我的输出:



我还添加了JS＆CSS插件:

<script src="bower_components/froala-wysiwyg-editor/js/plugins/image.min.js"></script>
<script src="bower_components/froala-wysiwyg-editor/js/plugins/table.min.js"></script>

<link type="text/css" rel="stylesheet" href="bower_components/froala-wysiwyg-editor/css/plugins/image.min.css">
<link type="text/css" rel="stylesheet" href="bower_components/froala-wysiwyg-editor/css/plugins/table.min.css">

但是什么也没发生。
有什么想法吗？

Answer 1

需要导入以下插件才能将表和图像与app.module.ts中的工具栏按钮一起使用。

1)导入'froala-editor / js / plugins.pkgd.min.js'

2)您必须导入插件才能使用图像“image.min.ts”
要么
文件中的https://cdnjs.cloudflare.com/ajax/libs/froala-editor/3.0.6/js/plugins/image.min.js。