un-reset css properties when I used css reset?

Question

I use CKEditor for my text editor, when client edit a text with CKEditor and change the font color, font size and ... I store the HTML code in my database and there is no problem.

but when I want to show the HTML Code in my page, the style will reset so many html tags not work, like font size or font color and ...

I use Eric Meyer’s “Reset CSS” 2.0 : http://meyerweb.com/eric/tools/css/reset/

this is CKEditor WYSIWYG screenshot : enter image description here

This is CKEditor HTML Code : enter image description here

And this is result :

enter image description here

and this is firebug screen shot for this layer style : enter image description here

I need to un-reset the CSS for this layer, is it possible ?

So if the problem is the reset, it seems logical that the answer would be to not use the reset. — cimmanon, May 12 '13 at 16:15
Hey **MajAfy**, have you solved this problem ? Cause i have same problem, and i too use `Eric Meyer’s “Reset CSS” 2.0`. — kxc, Jul 04 '14 at 16:17

score 0 · Answer 1 · answered May 12 '13 at 14:53

0

You should be able to do this with the CSS :not selector, by resetting all the elements that are not within the WSYIWYG Editor code.

Or, if you have control over the styles, you could an !important declaration on the editor styles.

answered May 12 '13 at 14:53

Ian

5,704
6
40
72

score 0 · Accepted Answer · answered Jan 18 '14 at 10:51

0

You may consider using http://binarystash.blogspot.com/2014/01/unresetcss.html. It restores default HTML styles removed by Eric Meyer's reset.css.

answered Jan 18 '14 at 10:51

Dave

3,328
7
26
30

link is broken :( – mohas Jul 10 '22 at 10:24

un-reset css properties when I used css reset?

2 Answers2