Modifying the Rich Text Editor User Interface

By default, CKEditor files can be accessed without authentication on the web server. Oracle recommends that after your PeopleSoft Internet Architecture installation, you make sure to secure any files or folders at the web server level as needed. To secure CKEditor files, security has to be setup at web server level. How you configure this security varies according to your web server product.

For information on implementing security on Oracle WebLogic see Securing Servlets on WebLogic.

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.

   See Setting Options Properties.

A plug-in enables you to create an application-specific toolbar button.

See CKEditor v5 API Documentation.

By default, when you upload images the system stores them in the PTRTDB table. The default URL ID is PT_RTE_IMG_DB_LOC. To create a different storage location and URL ID, follow these steps:

1. Create a new record definition.

2. Insert the FILE_ATTDET_SBR subrecord.

3. Save and then build the record definition.

4. Clone these record definitions:

   • PTRTDB_BMP

   • PTRTDB_GIF

   • PTRTDB_JPG

5. Save the record definitions, name them like this: <myrecord>_BMP, <myrecord>_GIF, and <myrecord>_JPG.

   The following image types are supported: JPG, BMP, GIF, PNG, and SVG.

6. For each record, open the SQL Editor and change the FROM statement in the SQL to this:

   FROM PS_<your record name from step 3>

7. Save and build each view.

PeopleTools 8.61 renders the rich text editor based on CKEditor v5, which does not support certain features available in CKEditor v4. You can no longer use the CKEditor v4 features listed in the following table.

The following CKEditor v4 features are desupported. Features identified as plug-ins are rendered as button in the rich text editor toolbar.