search

Ledzz / angular2-tinymce

Angular 2 component for TinyMCE MCE WYSIWYG editor
https://angular2-tinymce.surge.sh
66 stars 37 forks source link

The component's children's visibility is set to hidden - white space appears in place of editor #17

Open dar7hvader opened 7 years ago

dar7hvader commented 7 years ago

Hi, I've followed the instructions you had. The control is not visible on the page, just a white space appears. The div inside the app-tinymce component with class "mce-tinymce mce-container mce-panel" has styling making it invisible. When i set it to be visible, this is how it looks: image

Am i missing something I should be doing?

Thanks in advance

Ledzz commented 7 years ago

Are you using angular-cli?

kziemianek commented 6 years ago

I had a similar problem, downloading proper css file from https://cdnjs.cloudflare.com/ajax/libs/tinymce/4.6.4/skins/lightgray/skin.min.css helped.

Seems like You need also https://cdnjs.cloudflare.com/ajax/libs/tinymce/4.6.4/skins/lightgray/content.min.css https://cdnjs.cloudflare.com/ajax/libs/tinymce/4.6.4/skins/lightgray/fonts/tinymce.woff https://cdnjs.cloudflare.com/ajax/libs/tinymce/4.6.4/skins/lightgray/fonts/tinymce.ttf

dar7hvader commented 6 years ago

@Ledzz yes, i'm using angular-cli added it to my packages, built and referred the component. But it renders blank.

@kziemianek download them as a part of the build process? I expected the files to be present when the package has been downloaded. Where should these css and ttf files be present for the component to work correctly?