Customizing the Tiny Editors

Customize the Tiny Editors: TinyMC v5 and Textbox.io for use in HCL 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 Tiny 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 Tiny Editors for HCL Connections package.
    2. When you extract the Tiny Editors for HCL 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.