TextFormat: underlineStyle-Eigenschaft

Ein String, der einen der folgenden Werte hat:

• "none": Keine Unterstreichung.
• "solid": Eine durchgehende Unterstreichung.
• "double": Eine doppelte Unterstreichung.
• "dotted": Eine gepunktete Unterstreichung.
• "dashed": Eine gestrichelte Unterstreichung.
• "wavy": Eine wellenförmige Unterstreichung.

Das folgende Beispiel zeigt, wie die underlineStyle-Eigenschaft des textformatupdate-Events verwendet wird, um den Unterstreichungsstil zu bestimmen, der auf den formatierten Text angewendet werden soll. Beachten Sie, dass der Ereignis-Listener-Callback in diesem Beispiel nur aufgerufen wird, wenn ein IME-Fenster zur Textkomposition verwendet wird.

<div id="editor" style="height:200px;background:#eee;"></div>

const editorEl = document.getElementById("editor");
const editContext = new EditContext(editorEl);
editorEl.editContext = editContext;

editContext.addEventListener("textformatupdate", (e) => {
  const formats = e.getTextFormats();

  for (const format of formats) {
    console.log(
      `IME wants to apply a ${format.underlineStyle} underline between ${format.rangeStart} and ${format.rangeEnd}.`,
    );
  }
});

• Das TextFormat-Interface, zu dem es gehört.