Froala WYISWYG编辑器没有显示工具栏按钮

Question

我从带有角度1的项目Froala编辑器开始，我一步一步地按照文档，我想显示insertImage按钮和insertTable，但没有显示任何内容。这是我的代码：

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

这是我的输出：

我还添加了插件JS＆amp; 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在文件中。