angular2-tinymce icon indicating copy to clipboard operation
angular2-tinymce copied to clipboard

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

Open dar7hvader opened this issue 8 years ago • 3 comments

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

dar7hvader avatar May 05 '17 00:05 dar7hvader

Are you using angular-cli?

Ledzz avatar Jul 07 '17 11:07 Ledzz

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

kziemianek avatar Jul 20 '17 18:07 kziemianek

@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?

dar7hvader avatar Sep 13 '17 18:09 dar7hvader