Customizing the Ephox Editors

Customize the Ephox Editors: TinyMC v5 and Textbox.io for use in IBM Connections by configuring features such as the toolbar, fonts, and colors.

About this task

Before installing the editor, you can customize it by modifying the config.js file. You must customize the editor before installation to ensure your changes take effect.

Procedure

  1. If you previously customized Ephox Editors: TinyMC v5 or Textbox.io, back up the customization file as follows:
    1. Navigate to the customizations directory and locate the javascript/ephox/editors/connections subdirectory.

      For information about the customizations directory, see Determining where to save your customizations.

    2. Copy the config.js file to a temporary location.

      After you download the newer version of the file in step 2, you can recreate the previous customizations.

  2. Make your customizations by completing the following steps:
    1. Download the latest version of the Ephox Editors for IBM Connections package.
    2. When you extract the Ephox Editors for IBM Connections package, the config.js file is stored in the customizations path that you defined when you installed Connections. For information about the path, see Determining where to save your customizations.
    3. Navigate to the customizations directory and locate the javascript/ephox/editors/connections subdirectory.
    4. Open the config.js file for editing.
    5. Modify the config.js file to define your customizations for the Textbox.io editor.

      Remember to recreate any previous customizations by copying the modifications from the older version of the config.js, which you backed up in step 1.

    6. Save and close the file.
  3. Apply the customizations by refreshing the cache as described in Post-customization step.