This page describes how to manually integrate the wysiwyg CKEditor with the Haddock Template.
CKEditor is distributed under the GPL, LGPL and MPL Open Source licenses.
CKEditor is a ready-for-use HTML text editor designed to simplify web content creation. It's a WYSIWYG editor that brings common word processor features directly to your web pages. Enhance your website experience with our community maintained editor.
Handle with care : WYSIWYG integration in JSPWiki has its limitations. Some html-to-wiki markup translation is not obvious such as plugin syntax, ACL, and other wiki markup.

Download CKEditor#

  • Go to the CKeditor builder page
  • Select the standard preset, containing the most essential plugins.
  • Select the BootstrapCK4 skin. Optional, but fitting with the Bootstrap style of the Haddock Template.
  • Select the languages (default includes english)
  • Select the optimized radio-button and DOWNLOAD the latest stable version, v 4.5.1. as of this writing.
  • Extract the zip file into your $JSPWiki_Home/scripts/ directory.
    This should overwrite the existing ckeditor subdirectory.

CKEditor from CDN#

Instead of downloading the CKeditor you can chose to use a CDN instead, which could also help to speed up your website. (see cdn.ckeditor.com)

Make sure to update $JSPWiki_Home/templates/<template-dir>/editor/CKeditor.jsp

/* local download of CKeditor 
TemplateManager.addResourceRequest( context, TemplateManager.RESOURCE_SCRIPT,
           context.getURL( WikiContext.NONE, "scripts/ckeditor/ckeditor.js" ) );
*/
/* Use CKEditor from a CDN */
TemplateManager.addResourceRequest( context, TemplateManager.RESOURCE_SCRIPT,
           "//cdn.ckeditor.com/4.5.1/standard/ckeditor.js" );

Build & Deploy CKeditor.jar#

The CKeditor.jar contains the JSPWiki module definitions. This is needed for JSPWiki to recognize the editor, and add a Editor dropdown list to the UserPreferences page. Create a directory with following structure: and create the jspwiki_module.xml file.

/CKeditor
    /ini
        jspwiki_module.xml

<?xml version="1.0" encoding="UTF-8"?>
<modules>
   <editor name="CKeditor">
      <author>brushed</author>
      <path>editors/CKeditor.jsp</path>
      <minVersion>2.10.2</minVersion>
   </editor>
</modules>

Now generate CKeditor.jar or download the file attached to this page and place it in your $JSPWiki_Home/WEB-INF/lib/ directory.

$$> jar cvf CKeditor.jar ini
added manifest
adding: ini/(in = 0) (out= 0)(stored 0%)
adding: ini/jspwiki_module.xml(in = 306) (out= 201)(deflated 34%)

You can check the contents of the jar like so:

$$> jar tf CKeditor.jar
META-INF/
META-INF/MANIFEST.MF
ini/
ini/jspwiki_module.xml

Restart JSPWiki#

That's it!
Go ahead and (re)start JSPWiki and you should see CKEditor as an option on the Editor dropdown list found in the UserPreferences.