Re: New custom tags

*bump*

Surely adding custom HTML "wrapping" isn't that hard? I just can't find any demos on how to do it :/

Cheers

Andy

Tue, 09/15/2009 - 04:25

eggbert

Joined: 09/09/2009

Posts: 16

Re: New custom tags

Do you mean inserting text before and after the selected text?

exec : function( editor )
      {
         editor.insertText('<hr>' + editor.getSelection().getNative() + '</hr>')
      }

Tue, 09/15/2009 - 08:36

youradds

Joined: 05/05/2008

Posts: 17

Re: New custom tags

Tue, 09/15/2009 - 09:49

eggbert

Joined: 09/09/2009

Posts: 16

Re: New custom tags

Copy the Horizontal Rule plugin then in the .js file change the line

editor.insertElement( editor.document.createElement( 'hr' ) );

editor.insertText('<hr>' + editor.getSelection().getNative() + '</hr>')

Tue, 09/15/2009 - 13:25

eggbert

Joined: 09/09/2009

Posts: 16

Re: New custom tags

editor.getSelection().getNative() not quite right is it?

editor.getSelection().getNative() returns [object] rather than the actual text.

Wed, 09/16/2009 - 07:37

garry.yao

Joined: 03/01/2009

Posts: 170

Re: New custom tags

This kind of functionality is actually more preferred to be provided at server side, while I hope the following method could be a workaround for you in the editor though it's not functional complete:

/**
 * Wrap the editor's selection with the specified the template, in which
 * the selected content is denoted by ${selection}.
 * @example
 * editor.wrapSelectionWith( '<hr /> ${selection} <hr />' );
 */
CKEDITOR.editor.prototype.wrapSelectionWith = function( template )
{
   var temp = new CKEDITOR.dom.element( 'div' );
   temp.append( this.getSelection().getRanges()[ 0 ].cloneContents() );
   this.insertHtml( template.replace( /\$\{selection\}/, temp.getHtml() ) );
}

Wed, 09/16/2009 - 14:07

youradds

Joined: 05/05/2008

Posts: 17