Shared Toolbars — CKEditor Sample

# CKEditor Sample — Shared Toolbars

This sample shows how to configure multiple CKEditor instances to share some parts of the interface. You can choose to share the toolbar (`topSpace`), the elements path (`bottomSpace`), or both.

CKEditor instances with shared spaces can be inserted with a JavaScript call using the following code:

    CKEDITOR.replace( 'textarea_id',
    	{
    		sharedSpaces :
    		{
    			top : 'topSpace',
    			bottom : 'bottomSpace'
    		}
    	});

Note that `textarea_id` in the code above is the `id` attribute of the `<textarea>` element to be replaced with CKEditor.

Editor 1 (uses the shared toolbar and elements path): <p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p>

Editor 2 (uses the shared toolbar and elements path): <p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p>

Editor 3 (uses the shared toolbar only): <p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p>

Editor 4 (no shared spaces): <p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p>