How to Use the Import and Export Feature in ShortPoint Code Editor

The ShortPoint Code Editor Web Part features two convenient buttons that make it simple to add and reuse custom code across SharePoint pages. This article provides the steps on how to use the Import/Export feature.

TABLE OF CONTENTS

• Prerequisites
• How to Import Custom Code
  • Step-by-step instructions
• How to Export Custom Code
  • Step-by-step instructions

Prerequisites

• Ensure the ShortPoint Code Editor Web Part is installed on your SharePoint site. For installation instructions, read our article on How to Install ShortPoint Code Editor in SharePoint.
• You have the proper SharePoint permissions to edit the target Modern SharePoint page.

How to Import Custom Code

With one click of the Import button you can quickly add a copied custom code into the free ShortPoint Code Editor Web Part.

Step-by-step instructions

1. Prepare your custom code and copy it to your clipboard.
2. Edit the SharePoint page.
3. Insert the ShortPoint Code Editor Web Part.
4. Click Import. This will automatically populate your code into the appropriate HTML, CSS, and JavaScript fields.
5. Modify or adjust settings.
6. Republish the page to save the changes.

Note: When you click Import, a notification will appear asking if you want to overwrite the existing code in the ShortPoint Code Web Part. This safeguard prevents accidental code overwrites. Click OK to proceed with importing. 


A confirmation message will appear once the code has been imported successfully. Hit OK to close the dialogue.

How to Export Custom Code

You can reuse custom code from one SharePoint page on other pages by using the Export feature.

Step-by-step instructions

1. Edit the SharePoint page that contains your existing custom code.
2. Click the Edit properties button in the ShortPoint Code Editor Web Part.
3. Click Export. This will automatically copy all HTML, CSS, and JavaScript code from the Code web part to your clipboard.
4. Follow the import instructions above to add this code to your target page.
5. Republish the page to save the changes.

With this time-saving feature, you can easily reuse custom code across any SharePoint page where the ShortPoint Code Editor Web Part is installed.

Related articles:

• ShortPoint Code Editor Web Part: List of Resources
• Getting Started With ShortPoint Code Editor Web Part
• How to Add Custom Code Using the ShortPoint Code Editor Web Part