Veralteter Befehl Document.execCommand()

nebbiolo · 29. Dezember 2020

Hallo

Ich habe ein Script für einen Editor, da wird folgendes verwendet:

Code

<button type="button" onclick="format('inserthorizontalrule','');" 
        title="Trennlinie">&mdash;</button>

und einige button mehr ...
diese wird mit folgender Funktion bearbetet:

function format(command_name, command_value) {
   document.execCommand(command_name, false, command_value);
}

Nun habe ich gelesen dass dieser Befehl veraltet sei und durch "designMode" ersetzt werden sollte. Aber als js-Laie (kann gerade so ein wenig php) komme ich da nicht weiter ...

Ich habe ua. mit document.exedesignMode versucht - erfolglos. Kann mir vielleicht jemand angeben wie der Befehl lauten soll?

Viele Grüsse und einen guten Start ins 2021 - und bleibt gesund!

AndreasB · 29. Dezember 2020

Hallo nebbiolo.

Ich muss zugeben, dass ich bisher noch nie von diesem Modus gehört hatte.

vielleicht hilft dir das:

https://javascriptio.com/view/…te-what-s-the-alternative

Für eine Trennlinie kannst du also einfach ein <hr> Tag in den DOM einfügen, oder ein Element mit einer Border verwenden.

Grüße

Andreas

PS:

exedesignMode gehört im Übrigen nicht zu der JS Specification sonder zu der HTML Spezifikation.

nebbiolo · 29. Dezember 2020

Vielen Dank Andreas!

Es sind natürlich viel mehr "buttons" ... nicht nur die Trennline.

Ich habe die Informationen unter folgendem Link gefunden:

https://developer.mozilla.org/…/API/Document/execCommand

OK, dann verwende ich es mal so wie es ist (es funktioniert ja) bis es mal "abgeschaltet" wird

Code

<button type="button" onclick="format('bold','');"><b>B</b></button>
<button type="button" onclick="format('italic','');"><i>I</i></button>
<button type="button" onclick="format('subscript','');">
        <span style="font-size: 65%;"><sub>X</sub></span></button>
<button type="button" onclick="format('superscript','');">
        <span style="font-size: 65%;"><sup>X</sup></span></button>
etc.

Veralteter Befehl Document.execCommand()

Nun habe ich gelesen dass dieser Befehl veraltet sei und durch "designMode" ersetzt werden sollte. Aber als js-Laie (kann gerade so ein wenig php) komme ich da nicht weiter ...

Jetzt mitmachen!

Teilen