CSS for ckeditor5 table inside a pop up dialog

[sunnyvas]

📝 Ask a question

I created a ckeditor5 table programmatically like:

const html = getHtml(data)
editor.setData(html)

the html root is figure with class table so it is rendered by editor.

but I m not able to apply css to table it’s occupying whole space and shows scrollbars both vertical and horizontal.

I tried different ways of specifying css to different classes like ck-widget etc. applied css to table id. But never could make it work.

is there any working example of making editor table fit the current size of the popup? Like wrap text in cell when resized and no horizontal scrollbar?

[arkjoseph]

Same problem here.

The document loaded is showing something like ... < figure class="new-class"> < table >...

but in reality, the saved output is < table class="new-class">...

On top of that, removing the class via a plugin ive created is not actually removing it from the < figure > so i cant style according to what is chosen in my plugin view