Creating Custom Configurations

CKEditor v5 does not provide a default configuration file. If you want to create a custom configuration file, you may copy the PeopleTools delivered configuration file for CKEditor v5.

To create a custom configuration:

1. In Application Designer, search for the PeopleTools delivered configuration file (PT_RTE_CFG), and copy the code in the configuration file.

2. Create a new HTML definition.

3. Paste the code into the HTML definition.

4. Save the HTML definition. Prefix the definition name with PT_RTE_CFG for example, PT_RTE_CFG_MYCONFIG.

   Note:

   Only HTML definitions with the PT_RTE_CFG prefix appear in the Configuration Settings Id drop-down list box.

5. Modify the code in the HTML definition as necessary and save. The code might look like this example:

   const cketoolbarconfig =  [
               'heading',
               'findAndReplace',
               'italic',
               '|',
               'link',
               'numberedList',
               '|',
               'indent',
               'outdent',
               'alignment:left',
               'alignment:right',
               'alignment:center',
               'alignment:justify',
               '|',
               'InsertImage',
               'blockQuote',
               'insertTable',
               'undo',
               'redo',
               'SpecialCharacters',
               'fontSize',
               'fontFamily',
               'fontColor',
               'fontBackgroundColor'
           ];

6. To use the new configuration, open the Long Edit Box Page Field Properties dialog box; select the Options tab; click the Configuration Settings Id drop-down list box; and then select the HTML definition name from the list of values that appear.

   Note:

   You may need to comment, remove, or replace the hard-coded configuration ID in PeopleCode to use the correct configuration file. The configuration settings file selected in the Options tab in Application Designer can be overridden by the value set in PeopleCode using the RTEConfFileNameForV5 function call.

   See Setting Options Properties.