How to change behavior of contenteditable blocks after on enter pressed in various browsers

by

As Douglas said earlier, browsers try to clone previous tag when customer starts a new paragraph on an editable page. The discrepancy occurs when browser has nothing to depart from – e.g. when initially the page body is empty. In this case different browsers behave differently: IE starts to wrap every string into <p> tag, Chrome wraps each line in <div>.

To increase cross-browser experience, WebKit developers have introduced the DefaultParagraphSeparator command. You can use the following JavaScript on page loading for Chrome to change default paragraph separator to <p> tag:

document.execCommand('defaultParagraphSeparator', false, 'p');

More Related Contents:

  1. contenteditable, set caret at the end of the text (cross-browser)
  2. How to make an HTML element editable cross-browser?
  3. How to Detect Browser Back Button event – Cross Browser
  4. contenteditable change events
  5. Insert html at caret in a contenteditable div
  6. How to move cursor to end of contenteditable entity
  7. Cross-browser window resize event – JavaScript / jQuery
  8. Get caret (cursor) position in contentEditable area containing HTML content
  9. Browser statistics on JavaScript disabled [closed]
  10. How can I prevent the backspace key from navigating back?
  11. textarea character limit
  12. Javascript Contenteditable – set Cursor / Caret to index
  13. document.body.scrollTop Firefox returns 0 : ONLY JS
  14. Set cursor to specific position in CKEditor
  15. Event for when user switches browser tabs
  16. How to select all text in contenteditable div?
  17. Javascript: document.execCommand cross-browser?
  18. Set caret position right after the inserted element in a contentEditable div
  19. Execute web worker from different origin
  20. Making things unselectable in IE
  21. replace selected text in contenteditable div
  22. Is it possible to read the clipboard in Firefox, Safari and Chrome using JavaScript?
  23. Setting Cookies using JavaScript in a local html file
  24. Testing for multiple screens with javascript
  25. “google is not defined” when using Google Maps V3 in Firefox remotely
  26. Use JavaScript to intercept all document link clicks
  27. Set cursor after span element inside contenteditable div
  28. Cross-browser innerText for setting values
  29. Tag-like autocompletion and caret/cursor movement in contenteditable elements
  30. What browsers support the window.postMessage call now?

Leave a Comment