Reset and External CSS

This website contains links to software which is either no longer maintained or will be supported only until the end of 2019 (CKFinder 2). For the latest documentation about current CKSource projects, including software like CKEditor 4/CKEditor 5, CKFinder 3, Cloud Services, Letters, Accessibility Checker, please visit the new documentation website.

If you look for an information about very old versions of CKEditor, FCKeditor and CKFinder check also the CKEditor forum, which was closed in 2015. If not, please head to StackOverflow for support.

(Created page with "As we know, CKEditor is used inside webpages. In fact, the CKEditor UI and the skin CSS files are all loaded inside a page that is out of the editor and skin control. This mea...")
 
 
Line 1: Line 1:
−
As we know, CKEditor is used inside webpages. In fact, the CKEditor UI and the skin CSS files are all loaded inside a page that is out of the editor and skin control. This means that the skin can have interference from external CSS present on the page.
+
{{#CUSTOMTITLE:Reset and External CSS}}As we know, CKEditor is used inside webpages. In fact, the CKEditor UI and the skin CSS files are all loaded inside a page that is out of the editor and skin control. This means that the skin can have interference from external CSS present on the page.
  
−
Let's suppose a site likes red links. By simply adding <code>a{ color:red; }</code> in a CSS file would be enough to make the toolbar labels or dialog tabs of the editor red.
+
Let's suppose a site likes red links. By simply adding <code>a{color:red;}</code> in a CSS file would be enough to make the toolbar labels or dialog tabs of the editor red.
  
 
To workaround this problem, a skin developer must include "reset styles" that will define defaults for most of the styles that could impact on the editor interface. Check the <code>reset.css</code> file in the [[CKEditor_4.x/Skin_SDK/Introduction|Kama skin]]. It is a useful base for it.
 
To workaround this problem, a skin developer must include "reset styles" that will define defaults for most of the styles that could impact on the editor interface. Check the <code>reset.css</code> file in the [[CKEditor_4.x/Skin_SDK/Introduction|Kama skin]]. It is a useful base for it.

Latest revision as of 17:05, 26 July 2012

As we know, CKEditor is used inside webpages. In fact, the CKEditor UI and the skin CSS files are all loaded inside a page that is out of the editor and skin control. This means that the skin can have interference from external CSS present on the page.

Let's suppose a site likes red links. By simply adding a{color:red;} in a CSS file would be enough to make the toolbar labels or dialog tabs of the editor red.

To workaround this problem, a skin developer must include "reset styles" that will define defaults for most of the styles that could impact on the editor interface. Check the reset.css file in the Kama skin. It is a useful base for it.

Retrieved from "https://docs-old.ckeditor.com/index.php?title=CKEditor_4.x/Skin_SDK/Reset&oldid=7185"
This page was last edited on 26 July 2012, at 17:05.