CKEditor 4 reached its End of Life (EOL) in June 2023. From then on, it will receive no more updates, new features, bug fixes, and security patches. Visit CKEditor 5 Docs for the actively supported CKEditor or check Extended Support Model.

Home/CKEditor 4/Examples

Content Templates Documentation

Overview

The Content Templates plugin allows to apply predefined formatting templates to the document content.

When enabled, it provides a dialog to offer a choice of predefined document templates - with page layout, text formatting and styles. It is included in the Full distribution. The plugin also adds the toolbar button which lets the user invoke a dialog with predefined templates.

Content Templates

Use the Content Templates button to apply a selected template to content. You may add the template to an existing content, or replace it by checking the Replace actual content tick box.

<h2>Diesel locos are really useful!</h2>

A diesel locomotive is one that uses a diesel engine as the prime source of power to move and pull the cars.

Diesel locomotives are very popular today and can be seen working on all continents (with the exception of Antarctica maybe, where the railway network is rather scarce). Being powerful and not requiring additional technical infrastructure like their younger siblings &mdash; the electric locomotives &mdash; diesel engines are perfect for most types of tasks.

Diesel engines can pull passenger trains, boxcars with goods, tank cars, platform wagons with wood logs... Should the conditions be tough and the load be too heavy for a single diesel locomotive, that can be put together in a pair of engines. And sometimes you can even see three of four of them if the job is exceptionally demanding.

Most national and private railway companies nowadays own or lease a multitude of diesel engines, ranging from small, nimble ones used for maneuvering on the station to the bulky, large ones for the cross-continental trail.

Diesel engines also come in all shapes and all colors, making up a happy useful bunch.

Rich Text Editor, editor1

Editor toolbars

Press ALT 0 for help

◢Elements path

Related Features

Get Sample Source Code

Content Templates

<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="robots" content="noindex, nofollow">
  <title>Content Templates</title>
  <script src="https://cdn.ckeditor.com/4.25.1-lts/standard-all/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', {
      extraPlugins: 'templates',
      height: 350,
      removeButtons: 'PasteFromWord'
    });
  </script>
</body>

</html>