Javascript trick for ‘paste as plain text` in execCommand

by

It will intercept the paste event, cancel the paste, and manually insert the text representation of the clipboard:
http://jsfiddle.net/HBEzc/.
This should be the most reliable:

  • It catches all kinds of pasting (Ctrl+V, context menu, etc.)
  • It allows you to get the clipboard data directly as text, so you don’t have to do ugly hacks to replace HTML.

I’m not sure of cross-browser support, though.

editor.addEventListener("paste", function(e) {
    // cancel paste
    e.preventDefault();

    // get text representation of clipboard
    var text = (e.originalEvent || e).clipboardData.getData('text/plain');

    // insert text manually
    document.execCommand("insertHTML", false, text);
});

More Related Contents:

  1. jQuery.click() vs onClick
  2. Document.write clears page
  3. How can I capture the right-click event in JavaScript? [duplicate]
  4. Is there an onSelect event or equivalent for HTML ?
  5. How to pass parameter to function using in addEventListener?
  6. Adding an onclick event to a table row
  7. How to display a confirmation dialog when clicking an link?
  8. Onclick javascript to make browser go back to previous page?
  9. Jquery Event won’t fire after ajax call
  10. Open popup and refresh parent page on close popup
  11. execCommand() is now obsolete, what’s the alternative?
  12. Checkbox Check Event Listener
  13. Enter key press behaves like a Tab in Javascript
  14. Change ‘s option and trigger events with JavaScript
  15. How do you detect the clearing of a “search” HTML5 input?
  16. Detect if HTML5 Video element is playing [duplicate]
  17. Perform action when clicking HTML5 datalist option
  18. How to tell which row number is clicked in a table?
  19. How to Clear/Remove JavaScript Event Handler?
  20. Popstate on page’s load in Chrome
  21. visibilitychange event is not triggered when switching program/window with ALT+TAB or clicking in taskbar
  22. HTML5 drop event doesn’t work unless dragover is handled
  23. Reload an HTML page just once using JavaScript
  24. onclick event function in JavaScript
  25. Use JavaScript to intercept all document link clicks
  26. How to execute code in a javascript append
  27. Are dynamically inserted tags meant to work?
  28. Display Spreadsheet Data to HTML Table
  29. Display Spreadsheet Data to HTML Table
  30. Replacement for deprecated `keypress` DOM event

Leave a Comment