search

froala / angular-froala-wysiwyg

Angular 4, 5, 6, 7, 8 and 9 plugin for Froala WYSIWYG HTML Rich Text Editor.
https://froala.com/wysiwyg-editor
732 stars 200 forks source link

ImageTUI plugin is not enabled. Do want to enable? #424

Open Luiz-Otavio-Dorigon opened 4 years ago

Luiz-Otavio-Dorigon commented 4 years ago

In AppModule

import 'froala-editor/js/plugins.pkgd.min.js'; import 'froala-editor/js/third_party/image_tui.min.js'; import {FroalaEditorModule, FroalaViewModule} from 'angular-froala-wysiwyg';

@NgModule({ imports: [ FroalaEditorModule.forRoot(), FroalaViewModule.forRoot(), ] })

In angular.json

"styles: [" "node_modules/froala-editor/css/froala_editor.pkgd.min.css", "node_modules/froala-editor/css/froala_style.min.css", "node_modules/froala-editor/css/third_party/image_tui.min.css" ], "scripts": [ "node_modules/froala-editor/js/third_party/image_tui.min.js" ]

In index.html <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tui-image-editor@3.2.2/dist/tui-image-editor.css"> <link rel="stylesheet" href="https://uicdn.toast.com/tui-color-picker/latest/tui-color-picker.css">

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.6.7/fabric.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/tui-code-snippet@1.4.0/dist/tui-code-snippet.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/tui-image-editor@3.2.2/dist/tui-image-editor.min.js"></script>

When using the component the following happens:

Captura de Tela 2020-08-06 às 17 12 38

How do I resolve this?

shanthan-arepuri commented 3 years ago

Even we are facing the same issue, How to resolve this?

blaise2s commented 3 years ago

Any updates on this issue?

chrisedington commented 3 years ago

@blaise2s @shanthan-arepuri did you manage to fix this?

chrisedington commented 3 years ago

1 year later no response 🤦‍♂️

ctforcp commented 3 months ago

no need to include image_tui.min.js

pluginsEnabled:["filesManager","file","image","video","imageTUI"],