HTML contenteditable with non-editable islands

I’m a CKEditor developer. We’ve got some experience with nested readonly elements (i.e. placeholder plugin and the feature we’re working on currently #9764) and I don’t have good news. You have to handle every behaviour manually if you want to have consistent look&feel. There are no tricks that will fix browsers. And many things (like this with weird things happening around input on GC) seem to be unsolvable.

Related Contents:

  1. Using HTML5, how do I use contenteditable fields in a form submission?
  2. contenteditable=false inside contenteditable=true block is still editable in IE8
  3. How to make clickable anchor in contentEditable div?
  4. How can I center text (horizontally and vertically) inside a div block?
  5. Percentage Height HTML 5/CSS
  6. Form inside a table
  7. Bootstrap row with columns of different height
  8. List of HTML5 elements that can be nested inside P element?
  9. Transparent half circle cut out of a div
  10. Equal width flex items even after they wrap
  11. How to keep indent for second line in ordered lists via CSS?
  12. What’s the difference if I put css file inside or ?
  13. Getting the source HTML of the current page from chrome extension
  14. Bootstrap 4: Multilevel Dropdown Inside Navigation
  15. using mailto to send email with an attachment
  16. How do I use Google Chrome 11’s Upload Folder feature in my own code?
  17. CSS-Only Scrollable Table with fixed headers [duplicate]
  18. HTML text input field with currency symbol
  19. Why does HTML5 form-validation allow emails without a dot?
  20. Extend bootstrap row outside the container
  21. Animate/Shrink NavBar on scroll using Bootstrap
  22. How to position two elements side by side using CSS
  23. What is use of ‘initial’ value in CSS?
  24. html/css hexagon with image inside
  25. How can I align two divs horizontally? [duplicate]
  26. So what if custom HTML attributes aren’t valid XHTML?
  27. Swift: Display HTML data in a label or textView [duplicate]
  28. Why are button’s discouraged from navigation?
  29. How does the vertical-align property work?
  30. Is it possible to put binary image data into html markup and then get the image displayed as usual in any browser?
  31. Linking to another HTML page in Google Apps Script
  32. How to hide image broken Icon using only CSS/HTML?
  33. Font Awesome icon inside text input element
  34. CSS media queries for screen sizes
  35. How to center image horizontally within a div element?
  36. Is it possible to update non-JSF components (plain HTML) with JSF ajax?
  37. Make link in table cell fill the entire row height
  38. How to notify the HTML container that the SWF has finished, using swfobject
  39. The border-radius property and border-collapse:collapse don’t mix. How can I use border-radius to create a collapsed table with rounded corners?
  40. Make flex items overlap
  41. How to get a background image to print using css?
  42. Make a nav bar stick
  43. If an HTML form has two buttons, how do I know which got clicked?
  44. How to create valid HTML5 using frames?
  45. R Markdown HTML Number Figures
  46. Alternate background colors for list items
  47. Styling HTML email for Gmail
  48. Is there a way to tell browsers to honor the jpeg exif orientation?
  49. Make an html number input always display 2 decimal places
  50. How to change border color of textarea on :focus

Leave a Comment