Friday, November 11, 2011

Working with Selections and Ranges in CKEditor

Working with ranges and selections in CKEditor is almost unbearable. In order to make it a bit easier, i recommend using rangy, a free library that makes the html selection/range api cross-browser-proof. Well, at least it made what i was trying to accomplish cross-browser...

Posted by at
Labels:

6 comments:

  1. Roshan SalviNovember 15, 2011 at 2:54 AM

    Hi Smith,

    I am facing the same problem. Need to wrap a span around selected text in CKEditor. Need some information about the function you wrote. If I am trying my own plugin then what should be the value of iframe here in the function parameter. and in withNodeFunc we need to create an element... do we need to return anything from the function

    ReplyDelete
  2. Micah SmithNovember 15, 2011 at 9:44 AM

    I've updated the code-- feel free to take a look

    ReplyDelete
  3. paulNovember 21, 2011 at 6:02 AM

    hi there, I am using the ckeditor in drupal, and I don't think it uses iframes, is this possible?

    ReplyDelete
  4. Micah SmithNovember 21, 2011 at 10:47 AM

    If you're using the version of CKEDITOR that is at Drupal.ckeditor.com, then no. From what i can tell, that is an html textarea on steriods. This code is for CKEDITOR >= 3.5, the "iframe on steroids" version.

    In other words, if you inspect the HTML of your editor and don't see an iframe, this code will not work.

    Thanks for asking!

    ReplyDelete
  5. Facebook App DeveloperMarch 19, 2012 at 5:40 AM

    that is great
    i also faced same issue and on this i have got solution.

    thanks Micah Smith
    Facebook Game Development

    ReplyDelete
  6. The HarbingerDecember 10, 2012 at 5:43 AM

    Is this code still valid? I'm gettin' some errors while using it (i.e. null iframedoc).

    ReplyDelete

Subscribe to: Post Comments (Atom)