Introduction

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.

What is a Skin?

A skin is an add-on for CKEditor that makes it possible to change the look and feel of its user interface (UI). Several aspects of the UI can be customized by a skin, including colors, fonts, sizes, styles and icons.

The "Kama" Skin

The Kama skin is currently the default skin of CKEditor. It is the one included on the standard CKEditor distributions. It is actively maintained by the CKEditor core developers and should be used as the starting point for the creation and maintenance of custom skins.

The Anatomy of a Skin

A skin is, technically speaking, represented by a set of files, grouped inside a directory.

When CKEditor is used into a website, the following skin files are loaded in the page:

  • skin.js: registers the skin and makes it possible to optionally use some special skin features.
  • editor.css: contains the CSS styles used by the main editor interface.
  • dialog.css: loaded on demand, when a dialog is opened. Contains dialog specific CSS styles.


Actually, the above are the minimum set of files to be downloaded, but generally several other files are used, to make the skin easier to maintain and more logically organized.

In this document, we’ll not go on depth details about the files contents. For that, you should check the files available on the “Kama” skin. All files are well documented and are very self-descriptive.

This page was last edited on 26 July 2012, at 16:49.