Building and Releasing Your Skin

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.

So far, you've worked on the "source version" of your skin. Now that your skin is perfect as you wanted, it is time to prepare it to be used in production websites.

To do so you'll need CKBuilder a Java application that makes this magic happen. It can be downloaded here:
http://download.cksource.com/ckbuilder/ckbuilder.jar [TODO: Fix this URL].

Java must be available on your command line. To run the builder, simply copy ckbuilder.jar into the skins folder of CKEditor (where your skin custom folder is available) and execute this command:

> java -jar ckbuilder.jar --build-skin myskin myskin-release

The myskin and myskin-release parts are your skin folder name and the destination folder name. Just use the names you prefer.

This is the job done by CKBuilder on your skin:

  • Merges all CSS files parts. This means that all CSS files having @import entries will have their imported files in-lined, having just one file available.
  • Minifies CSS and JavaScript files, reducing their size to optimize the download speed.
  • Generates a single "strip image" containing all icons provided by the skin.
  • Removes all unnecessary files.


You skin is ready. The release version is the one to use on your websites or to distribute to others, while the source version can be shared to the world through services like GitHub.

This page was last edited on 26 July 2012, at 18:35.