Witam,
może mi ktoś wskazać jak zaimplementować funkcjonalność w contenteditable

no więc pisze sobie w takim polu i gdy pojawi się znam np. cudzysłowie to tworze element kursywy <i>

  1. <script>var caretOffset = 0;
  2. var sel = window.getSelection();
  3. var range = sel.getRangeAt(0);
  4.  
  5. var textNode = document.createElement("i");
  6. range.insertNode(textNode);


wszytko super to się wstawia ale jeśli pisze tekst dalej to pisze się przed elementem <i> lub za bo to wiem jak zrobić.
Lecz chodzi mi o to aby wejść w ten element tam napisać jakiś dalszy tekst i przy kolejnym wstawieniu cudzysłowu wyjść z niego i pisać normalnym tekstem.