Open Mungo64 opened 4 years ago
Hi @Mungo64, verify that you have installed all the css and js files of vue-image-editor
.
This appears due to the css style issue.
@naveenkumarmark Thanks, that pointed me in the right direction. Actually i was not aware, that i had to install the non vue image editor too.
npm install --save tui-image-editor
The solution was to add this two lines before the editor import command ..... // Load Style Code import 'tui-image-editor/dist/tui-image-editor.css'; import 'tui-color-picker/dist/tui-color-picker.css'; ... import { ImageEditor } from '@toast-ui/vue-image-editor';
Version
toast-ui.vue-image-editor 1.0.2
Development Environment
windows 10 - 64 , chrome
when the page with the editor opens it looks like this:
All elements are on the left side of the screen