Enterbox -
UI component that accepts HTML drop and paste

The enterbox is based on a div with the contentEditable attribute set to true. It has some interesting properties in that it will accept copied or dragged HTML as well as allowing a user to type text. There are some events which do not fire as expected, most notably ‘paste’ in Chrome and Safari. That said, it is possible to create a live tracking of all edits by using a combination of other events.

Try it out by typing, pasting or copying content into the box below

Paste, drop or type content here

Live track of enterbox HTML: