Contribute to this guideReport an issue

CKEditor 4 Installation Packages: Standard 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.

Standard Package

This package contains plugins that can be used for creating standards-compliant content. It covers most editing needs for semantic-driven websites, with features such as basic text styles with remove format, content styles, text formats, copy and paste, spell checker, links, lists, images, tables, special characters and blockquotes. Two additional tools help you examine the created content more thoroughly: maximize shows the full-page document in the browser window and source lets you check the HTML source code behind your document.

Related Features

Get Sample Source Code

  • Standard Preset
    <!doctype html>
    <html lang="en">
    
    <head>
      <meta charset="utf-8">
      <meta name="robots" content="noindex, nofollow">
      <title>Standard Preset</title>
      <script src="https://cdn.ckeditor.com/4.24.0-lts/standard/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>