Documentation Center

How to use custom panels

Describes with an example how to use custom panels in your implementation.

Content Editor has three built-in panels:

  • Properties
  • Find & Replace
  • Show Changes
You can also put a custom panel on top of the other panels. The API has a way of showing a custom panel by means of a built-in scope variable showCustomPanel:
Editor.getScope().set("showCustomPanel", true); 
You can pass false to hide the panel again. This panel is an empty <div>:
<div id="customPanel"></div>

This <div> only exists when the scope property has been set to true. For this reason it isn't always very easy to use. The next section demonstrate how to use it in a safe way.