Multiple Editor Instances
The Multiple Editor Instances Sample demonstrates the integration of edit-on Pro using more than one editor in a single HTML page. The first instance uses a restricted user inferface in order to create an article title only. The second instance is used for editing the article body and offers more formatting possibilites than the first editor instance.

Headline

Article Body


Configuration for "Headline"
  • The configuration file (uiconfig.xml) for the user interface includes a restricted subset of formattings.
  • The config.xml file.
Configuration for "Article Body"
  • The following configuration file (uiconfig.xml) for the user interface offers more functionalities and formattings for the article body.
  • The general editor configuration file uses the standard properties as can be seen in the config.xml file

When initializing more than one applet in a single webpage it is necessary to apply unique objects names for each instance of the "editOnPro" object in order to individually reference the applet instance in JavaScript. 
<script type="text/javascript">
//  Editor 1
	eop1 = new editOnPro(898, 130, "HeadLineEditor", "HeadLineEditor", "eop1");
//  Editor 2
	eop2 = new editOnPro(898, 400, "ArticleEditor", "ArticleEditor", "eop2");
//   ^                                    ^                ^            ^ 
// unique                              unique           unique       unique
</script>
Back to Samples Index