CKEditor Preview

CKEditor Preview module adds toolbar button which shows a preview of the
document as it will be displayed to end users or printed.

Dependencies

• CKEditor Preview library

Installation

1. Download and install CKEditor Preview module.
2. Install the CKEditor Preview library

   For Composer-managed Drupal installations, the recommended method is to use
   the Composer Merge Plugin
   and this module's composer.libraries.json file. From a Composer project
   root:

   1. Execute composer require wikimedia/composer-merge-plugin.
   2. Add the following to the extra section of the root composer.json
      file:

              "merge-plugin": {
                  "include": [
                      "{DOCROOT}/modules/contrib/ckeditor_preview/composer.libraries.json"
                  ]
              },

      Note: Remember to replace {DOCROOT} with the appropriate root folder
      for the Drupal installation -- this is likely web or docroot.

   3. Execute composer install (or, in some cases, composer update --lock).

   That's it! Composer should install the CKEditor CodeMirror plugin in the
   appropriate place (/libraries/preview).

Configuration

1. Go to Administration » Configuration » Content authoring » Text formats
   and editors (admin/config/content/formats).
2. Click Configure for any text format using CKEditor as the text editor.
3. Add the Preview button to the toolbar.
4. Scroll down and click Save configuration.
5. Go to node create/edit page, choose the text format with Preview plugin.
6. Press the Preview button.