CODEWITHSUNDEEP
javascriptangularjsfroala
Abbes Yassine
Abbes Yassine

Reputation: 1689

Froala WYISWYG editor not showing the toolbar button

I start with project Froala editor with angular 1 , I follow the documentation step by step , I like to show insertImage button and insertTable but nothing is showing . this is my code : 

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

And this is my output :

enter image description here

I have also added the plugins 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">

but nothing happen . Any ideas why?

Upvotes: 4

Views: 2973

Answers (1)

Gaurav Khanna
Gaurav Khanna

Reputation: 101

The following plugins needs to be imported to use table and image with toolbar buttons in app.module.ts.

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

2) You have to import plugin to use image "image.min.ts" or https://cdnjs.cloudflare.com/ajax/libs/froala-editor/3.0.6/js/plugins/image.min.js in a file.

Upvotes: 1

Related Questions