Monday, April 27th, 2009

CiteDrag: Cool library that groks the new drag and drop model

Category: HTML, JavaScript, Library

<p>Elijah Grey has a very cool new script CiteDrag that “adds automatically citation (ie. blockquotes, text quotes, ect.) to any dragged content off of the website which is using the script. CiteDrag requires no additional setup other than include the script somewhere on your website.”

I just dragged that above text from my blog post where announced the creation of CiteDrag and dropped it into my WordPress “Edit Page” interface, where automatically appeared quoted. Looking into the <blockquote> we can see that it even has the cite attribute defined. That is just one example of how CiteDrag works.

In a browser such as Firefox 3.5 beta (Shiretoku or a Firefox Nightly) go over to the test page and then start to drag the links, text, and image over to the text area.

Very cool work!

Related Content:

  • Can LTFS save tape?
    The Linear Tape File System (LTFS) makes tape look like a file system, enabling drag-and-drop operations that resemble a NAS share. We'll see broader...
  • A cloud service to build mobile apps
    Tiggr is a cloud-based mobile app builder that provides a mobile application development platform as a...
  • JBoss Seam: A Deep Integration Framework
    Software frameworks are very useful tools for enterprise Java developers. They are widely used to package reusable software components and services....
  • JavaOne2006 - Day1
    Sun discusses how proud they are at Java's adoption by software developers and announced new open source licensing-related agreements for...
  • Best storage products of 2006
    Our fifth annual Products of the Year awards recognize the 15 new or enhanced storage products that rose to the top in 2006. The editors of...

Posted by Dion Almaer at 8:21 am

2.7 rating from 10 votes


Comments feed TrackBack URI

You copypasted the <blockquote> literally where it is supposed to say “Looking into the <blockquote> we can see..”. Make sure to escape < and > with &lt; and &gt;

Comment by EliGrey — April 27, 2009

CiteDrag will also work in WebKit as soon as they fix bug 23695.

Comment by EliGrey — April 27, 2009

It seems to work in FF 3.0.9 as well, or am I missing some extra functionality available only with FF 3.5?

Comment by pmontrasio — April 28, 2009


And if they ever intend to support richtext with any degree of flexibility, they’ll also need to fix 19893.

It appears from the demo that Firefox 3.5b may suffer from the same problem, as it treats images differently as part of your selection than as a single drop item.

Comment by eyelidlessness — April 28, 2009


Comment by leptons — April 28, 2009

Leave a comment

You must be logged in to post a comment.