In the header of Dev Studio, click CreateTechnicalText File.

On the New tab, define the text file record configuration and context:

1. In the Label field, enter a meaningful name for the file.

2. In the App Name (directory) field, enter the name of the server directory in which you want to place the file.

   For example: To use a subdirectory on the application server, enter webwb.

3. In the File Type (extension) field, enter js.

4. In the Context section, define the development branch and ruleset for the file.

5. Click Create and open.

In the text field, enter the plugin code from the plugin.js file.

Click Save.

Create a text file that contains the text of each resource that the plugin.js file references by repeating steps 1 through 2.

Upload each image that the plugin.js file references by performing the following actions:

1. In the header of Dev Studio, click CreateTechnicalBinary File.

2. In the Label field, enter a meaningful name for the file.

3. In the App Name (directory) field, enter the name of the server directory in which you want to place the file.

4. In the File Type (extension) field, enter the file type of your image.

5. In the Context section, define the development branch and ruleset for the file.

6. Click Create and open.

7. In the File controls section, click Upload file.

8. In the Upload file dialog box, click Choose file, and then select the file for the upload.

9. Click Upload file, and then, in the file tab, click Save.

In the plug-in file that you created in 1, ensure that all references to resources point to resource locations in Pega Platform.

icon: "icons/mathjax.png"

icon: "webwb/mathjax.png"

In the plug-in text, replace the original plug-in reference with pega.u.d.customRTEPlugins.

CKEDITOR.plugins.add( "mathjax", {
                        //Plug-in code
                        }

pega.u.d.customRTEPlugins["mathjax"] = {
//plugin code
}

Save the plug-in.