TextFormat: underlineThickness-Eigenschaft

Ein String, der einer der folgenden Werte ist:

• "none": Keine Unterstreichung.
• "thin": Eine dünne Unterstreichung.
• "thick": Eine dicke Unterstreichung.

Das folgende Beispiel zeigt, wie die underlineThickness-Eigenschaft des textformatupdate-Ereignisses verwendet wird, um die Unterstreichungsdicke zu bestimmen, die auf den formatierten Text angewendet werden muss. Beachten Sie, dass der Ereignis-Listener-Callback in diesem Beispiel nur aufgerufen wird, wenn ein IME-Fenster zum Verfassen von Text verwendet wird.

<div id="editor"></div>

#editor {
  height: 200px;
  background: #eee;
}

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.underlineThickness} underline between ${format.rangeStart} and ${format.rangeEnd}.`,
    );
  }
});

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