two-step-caret.html 499 B

12345678910111213141516171819202122232425
  1. <h2>Left-to–right content</h2>
  2. <div id="editor-ltr">
  3. <p>Foo <u>bar</u> biz</p>
  4. <p>Foo <u>bar</u><i>biz</i> buz?</p>
  5. <p>Foo <b>bar</b> biz</p>
  6. </div>
  7. <h2>Right–to–left content</h2>
  8. <div id="editor-rtl">
  9. <p>&nbsp;היא <u>תכונה</u> של</p>
  10. <p>&nbsp;זהה <i>לזה</i><u>שיוצג</u> בתוצאה</p>
  11. <p>וכדומה. <strong>תכונה</strong> זו מאפיינת</p>
  12. </div>
  13. <style>
  14. u {
  15. background: rgba(255,0,0,.3);
  16. }
  17. i {
  18. background: rgba(0,255,0,.3);
  19. }
  20. </style>