How Do I Create My Own CKEditor Plugins?

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.

CKEditor architecture is based on plugins, so if you want to customize the editor behavior or introduce your own functionality, creating a custom plugin is the best way to achieve this.

Some useful resources that you can start with are:

  • CKEditor plugin tutorials – step-by-step instructions that show you how to start, how to create a plugin toolbar button, how to create a plugin dialog window etc.
  • CKEditor JavaScript API – the full CKEditor API reference that describes all CKEditor methods, events, and configuration values.
  • CKEditor samples distributed with the installation package that can be found in the _samples directory of CKEditor. Pay special attention to plugin samples.

You can also search the Internet for third-party plugins and tutorials. You are most welcome to share your efforts on our community forum where you can also find some plugins developed by other Open Source-minded people like you.

This page was last edited on 27 May 2011, at 16:02.