最近、Webページでcontenteditable
をいじっていて、それを使って多数のspan
タグを設定する必要があるとイライラしました(JavaScriptを使用して設定することになりました)。 CSS経由で設定できれば...
contenteditable
がスタイルではなく属性として設計された理由の背後にある理論的根拠を誰かが知っていますか?
ほとんどの人は、contentEditable
はスタイルではなく動作を定義すると主張します(これは本当です)。
WebKitには、contentEditable
に似たCSSプロパティがあります: -webkit-user-modify
。
試してみてください
span {
-webkit-user-modify: read-write;
-moz-user-modify: read-write;
user-modify: read-write;
}
firefox、Chromeで動作しました。 ser-modify に関する詳細情報を見つけることができます
ユーザーが一部のコンテンツを編集できるかどうかは、プレゼンテーションとは関係ありません。
スタイルはオプションです。 (理論的には)CSSなしですべてのページをレンダリングできますが、それでも正常に機能するはずです。実際、これは多くのテキストのみのブラウザ、またはオーディオのみのブラウザが行うことです。
contentEditable
は要素の動作を変更します。スタイルを使用しないがJavaScriptを解釈するブラウザーでも、このプロパティの恩恵を受けるはずです。