contenteditable="plaintext-only"

概要

contenteditable="plaintext-only" は要素のコンテンツ編集をプレーンテキストに限定し、書式付きテキストの貼り付けを防止します。

対応ブラウザ

基本構文

<div contenteditable="plaintext-only"
  style="border:1px solid #ccc; padding:0.5rem; min-height:3rem;">
  ここはプレーンテキストのみ編集可能です
</div>

実務での使いどころ

• contenteditable="plaintext-only" の活用

  contenteditable=plaintext-only。プレーンテキストのみの編集モード。

注意点

アクセシビリティ

• スクリーンリーダーでの読み上げを確認すること。

参考リンク

• MDN Web Docs — contenteditable="plaintext-only"