Jak přidat do editoru další tlačítko

Asi by to šlo pomocí insertText.

Zkoušel jsem to takto

<button onclick="insertText('<code class="style"></code>')">insertText</button>

ale nejde to:(

https://jsfiddle.net/ytLoquk9/

TO: Wikan
Taky zrovna řeším primitivní editor ale co tohle jako je?
https://jsfiddle.net/ytLoquk9/
Vždyť to nefunguje.
Napíši a označím text třeba 'mujtext' a kliknu na 'InsertText'. Vloží se pouze
<code class="style"></code>
místo
<code class="style">mujtext</code>
Proč? Original tlačítka fungují.

Funguje to přesně tak, jak chtěl.

Budiž, a napadá tě jak to upravit? Díky.

Pomocí iframe.contentWindow.getSelection();

Díky.
Nějak takhle ?
https://jsfiddle.net/6bwz2mh5/
a ještě něco je potřeba aby to fungovalo?

Ta funkce ti vrátí označený text, takže ji nestačí jenom zavolat ale musíš i použít její výsledek.

Tak nevím mno proč mi to nejede :(
https://jsfiddle.net/2er6s5xz/1/

element = element.replace('><', '>'+seltext+'<');

Díky moc. Tak to jsem fakt přehlídl.
Ve finále se tam ale vloží místo <span>SPAN</span>
tohle &lt;span&gt;SPAN&lt;/span&gt;
Můžu někde nastavit, že nechci entity? Že chci html?

Jenže HTML se vyhodnotí a nebudeš tam mít ten požadovaný text. To si rozmysli, co vlastně chceš.

Nerozumím :(
Chci mít ve zdrojovém kódu <span>SPAN</span>

Ve zdrojovém kódu znamená, že v editoru uvidíš pouze text SPAN a teprve když si prozkoumáš zdrojový kód stránky, tak tam uvidíš <span>SPAN</span>. Tohle chceš?

Tak pokud to nejde, že to uvidím tam i tam, tak mi musí stačit, že uvidím jen SPAN

Tak místo insertText použij insertHTML

To jsem zkoušel, to nejde. Ta funkce umí jen několik málo elementů.

Ale jde. Jenže pokud to zkoušíš v Chromu a dáš tam jenom samotný span, tak ho to hned odstraní, protože to nemá vliv na výslednou stránku.