Forum

Thread tagged as: Question, Problem, Error

Froala wysiwyg editor error css

Hi we have implemented froala wysiwyg editor, but we have problem with it. In your perch.css is reset (for h1..h6, ul, ol - reset style) applied to froala editor and it doesnt show right h1..h6 tags and ul,ol tags...

These lines in perch css is causing the problem:

ol, ul { list-style: none; } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; }

Obviously its a reset style, but we dont want to apply to wysiwyg editor, because its buggy...

How can we fix this?
Pavol Krchnavy

Pavol Krchnavy 0 points

  • 5 years ago
Drew McLellan

Drew McLellan 2638 points
Perch Support

5 years ago

You'll need to apply any styles you want to the editor in its own stylesheet. You may wish to consider adding your own reset and then styling from there.

The cascade is not always helpful!