Tasten-Cursor in einem DIV mit Attribut contenteditable="true" auf Content von Element mit bestimmter ID setzen

[Michael]

Hallo zusammen,

kennt jemand eine Web-Quelle mit einer JavaScript-Funktion oder hat so eine Funktion irgendwo rumliegen, die in einem DIV-Container mit Attribut contenteditable="true" ( -> Editor-Szenario) einem HTML-Element mit einer per Funktionsparameter übergebenen ID (oder von mir aus auch einem anderen Selektor) den Cursor draufsetzt? (Schön wärs, wenn man per weiterem Parameter noch einstellen kann, ob der Cursor an den Anfang oder ans Ende oder auch eine Position vor oder nach dem Element gesetzt werden soll.)

Hier ein Beispiel, wo das SPAN-Tag mit ID "cursor-container" den Cursor bekommen soll (standardmäßig ganz vorn drauf, also vor das "große C"):

<div contenteditable="true">

   Hier soll der <span id="cursor-container">Cursor</span> drauf.

</div>


<script>

    function setCursorOnElementWithId( id ) {

        . . .

    }

    setCursorOnElementWithId( 'cursor-container' );

</script>

Die Funktion sollte nach Möglichkeit ohne Bibliotheken wie jQuery, Lodash, etc. auskommen.

es grüßt Michael