Contribute to this guideReport an issue

CKEditor 4 Installation Packages: Full Documentation

CKEditor 4 is built from plugins which makes it easy to create a custom build tailored to your needs. Nevertheless, to make the initial trial and installation process easier, we have created three pre-configured installation packages (Basic, Standard and Full) that are a good base for learning about the available features and setups.

The installation packages are just predefined setups that aim to satisfy some common use cases. It is always recommended to build a custom CKEditor 4 package adjusted to your needs.

The packages differ in the number of plugins that they include by default. Do note that not all plugins created by CKSource are included in these presets — plenty of features such as captioned images, code snippets, embedded media resources, mathematical formulas, drag&drop uploads can be added to any CKEditor 4 build with the online builder.

Full Package

This heavier package contains plenty of plugins suitable for various different needs. Apart from the features included in the Standard package, it also has document tools (new page, page break, preview, print, save, content templates), find and replace, form tools, copy formatting, text alignment, text direction and language, font family and size, text and background color, inserting smileys and iframe elements. Select all and show blocks features provide some additional tools for working with the document.

Related Features

Get Sample Source Code

  • Full Preset
    <!doctype html>
    <html lang="en">
    
    <head>
      <meta charset="utf-8">
      <meta name="robots" content="noindex, nofollow">
      <title>Full Preset</title>
      <script src="https://cdn.ckeditor.com/4.24.0-lts/full/ckeditor.js"></script>
    </head>
    
    <body>
      <textarea cols="80" id="editor1" name="editor1" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href=&quot;https://ckeditor.com/&quot;&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
      <script>
        CKEDITOR.replace('editor1', {
          height: 400,
          baseFloatZIndex: 10005,
          removeButtons: 'PasteFromWord'
        });
      </script>
    </body>
    
    </html>