Hi There,
When training clients who understand basic HTML, we've noticed that they have a hard time with the formatting of the source editor - especially when the editor is at smaller widths because the tabs create lots of line breaks.
Is there a way to customize the view? Or remove the tabs/line breaks and possibly make the html tags a different colour?
Not sure what's possible and couldn't find info in the docs - thought wasn't sure what to search for.
Any suggestions would be welcome.
Cheers
When training clients who understand basic HTML, we've noticed that they have a hard time with the formatting of the source editor - especially when the editor is at smaller widths because the tabs create lots of line breaks.
Is there a way to customize the view? Or remove the tabs/line breaks and possibly make the html tags a different colour?
Not sure what's possible and couldn't find info in the docs - thought wasn't sure what to search for.
Any suggestions would be welcome.
Cheers

Re: Make the source editor formatting easier for clients
CKEDITOR.on( 'instanceReady', function( ev ) { var blockTags = ['div','h1','h2','h3','h4','h5','h6','p','pre','li','blockquote','ul','ol']; for (var i = 0; i < blockTags.length; i++) { ev.editor.dataProcessor.writer.setRules( blockTags[i], { indent : false, breakBeforeOpen : true, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : true }); } });Re: Make the source editor formatting easier for clients
Re: Make the source editor formatting easier for clients
if
Re: Make the source editor formatting easier for clients
// create an editor ckEditor = CKEDITOR.replace(... etc); // wait until the editor has initialized ckEditor.on("instanceReady",function() { // overwrite default indentation character (was '/t') // when viewing source var writer = ckEditor.dataProcessor.writer; writer.indentationChars = ' '; }