CKEditor Samples » Using Magicline plugin

This sample shows the advantages of Magicline plugin which is to enhance the editing process. Thanks to this plugin, a number of difficult focus spaces which are inaccessible due to browser issues can now be focused.

Magicline plugin shows a red line with a handler which, when clicked, inserts a paragraph and allows typing. To see this, focus an editor and move your mouse above the focus space you want to access. The plugin is enabled by default so no additional configuration is necessary.

This editor uses a default Magicline setup.

Rich Text EditorEditor toolbarsDocument Source Save New Page Preview Print TemplatesClipboard/Undo Cut Copy Paste Paste as plain text Paste from Word Undo RedoEditing Find Replace Select All Check Spelling Spell Check As You Type Forms Form Checkbox Radio Button Text Field Textarea Selection Field Button Image Button Hidden FieldBasic Styles Bold Italic Underline Strike Through Subscript Superscript Remove FormatParagraph Insert/Remove Numbered List Insert/Remove Bulleted List Decrease Indent Increase Indent Block Quote Create Div Container Align Left Center Align Right Justify Text direction from left to right Text direction from right to leftLinks Link Unlink AnchorInsert Image Flash Table Insert Horizontal Line Smiley Insert Special Character Insert Page Break for Printing IFrameStylesStylesStylesFormatFormatFontFontSizeSizeColors Text Color  Background Color Tools Maximize Show Blocksabout About CKEditorPress ALT 0 for helpElements path 

This editor is using a blue line with slight opacity.

CKEDITOR.replace( 'editor2', {
	magicline_color : 'blue',
	magicline_opacity : .8
});
Rich Text EditorEditor toolbarsDocument Source Save New Page Preview Print TemplatesClipboard/Undo Cut Copy Paste Paste as plain text Paste from Word Undo RedoEditing Find Replace Select All Check Spelling Spell Check As You Type Forms Form Checkbox Radio Button Text Field Textarea Selection Field Button Image Button Hidden FieldBasic Styles Bold Italic Underline Strike Through Subscript Superscript Remove FormatParagraph Insert/Remove Numbered List Insert/Remove Bulleted List Decrease Indent Increase Indent Block Quote Create Div Container Align Left Center Align Right Justify Text direction from left to right Text direction from right to leftLinks Link Unlink AnchorInsert Image Flash Table Insert Horizontal Line Smiley Insert Special Character Insert Page Break for Printing IFrameStylesStylesStylesFormatFormatFontFontSizeSizeColors Text Color  Background Color Tools Maximize Show Blocksabout About CKEditorPress ALT 0 for helpElements path