CKEditor 3.x/Howto/Shared Toolbar - Revision history

Anna: Typo corrected

2011-03-09T15:37:26Z

Typo corrected

Anna: Note added

2011-03-09T15:36:52Z

Note added

Anna: Links to UG added

2011-03-09T15:31:24Z

Links to UG added

Anna: Article contents added

2011-03-09T15:10:22Z

Article contents added

New page

{{#CUSTOMTITLE:How Do I Get Multiple CKEditor Instances to Share the Same Toolbar?}}
Use the <code>[http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.sharedSpaces sharedSpaces]</code> configuration value to define the page element that will contain the shared toolbar (<code>top</code>) and the elements path (<code>bottom</code>) for the editor instances.

<source lang="javascript">
// Place the toolbar inside the element with an ID of "myToolbar" and the elements path
// in the element with an ID of "myElementsPath".
config.sharedSpaces =
{
top : 'myToolbar',
bottom : 'myElementsPath'
};
</source>

Remember that you can share either both the toolbar and the elements path or just one of these elements. You can also combine editor instances with different configurations (with shared elements and without them) on one page.

For a full working example of sharing the editor interface refer to the '''Shared Toolbars''' (<code>sharedspaces.html</code>) sample located in the <code>_samples</code> folder of the CKEditor installation package.

@@ Line 14: / Line 14: @@
 Remember that you can share either both the toolbar and the elements path or just one of these elements. You can also combine editor instances with different configurations (with shared elements and without them) on one page.
-<note>If multiple editor insances are to share some parts of the interface, the <code>sharedSpaces</code> setting has to be defined for each of them separately.
+<note>If multiple editor instances are to share some parts of the interface, the <code>sharedSpaces</code> setting has to be defined for each of them separately.
 </note>
 For a full working example of sharing the editor interface refer to the '''Shared Toolbars''' (<code>sharedspaces.html</code>) sample located in the <code>_samples</code> folder of the CKEditor installation package.

← Older revision		Revision as of 15:36, 9 March 2011
Line 13:		Line 13:

	Remember that you can share either both the toolbar and the elements path or just one of these elements. You can also combine editor instances with different configurations (with shared elements and without them) on one page.		Remember that you can share either both the toolbar and the elements path or just one of these elements. You can also combine editor instances with different configurations (with shared elements and without them) on one page.
		+
		+	<note>If multiple editor insances are to share some parts of the interface, the <code>sharedSpaces</code> setting has to be defined for each of them separately.
		+	</note>
		+

	For a full working example of sharing the editor interface refer to the '''Shared Toolbars''' (<code>sharedspaces.html</code>) sample located in the <code>_samples</code> folder of the CKEditor installation package.		For a full working example of sharing the editor interface refer to the '''Shared Toolbars''' (<code>sharedspaces.html</code>) sample located in the <code>_samples</code> folder of the CKEditor installation package.

@@ Line 1: / Line 1: @@
 {{#CUSTOMTITLE:How Do I Get Multiple CKEditor Instances to Share the Same Toolbar?}}
-Use the <code>[http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.sharedSpaces sharedSpaces]</code> configuration value to define the page element that will contain the shared toolbar (<code>top</code>) and the elements path (<code>bottom</code>) for the editor instances.
+Use the <code>[http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.sharedSpaces sharedSpaces]</code> configuration value to define the page element that will contain the shared [[CKEditor_3.x/Users_Guide/Interface/Toolbar|toolbar]] (<code>top</code>) and the [[CKEditor_3.x/Users_Guide/Interface/Elements_Path|elements path]] (<code>bottom</code>) for the editor instances.
 <source lang="javascript">