2012-04-20 16 views
17

私は最近ウェブページでcontenteditableを手に入れていましたが、多くのspanタグを設定する必要があったときに苛立ちました(私はJavaScriptを使用して終了しました)。私がCSSで設定できるのは...contenteditableがスタイルでないのはなぜですか?

contenteditableはスタイルではなく属性として設計された理由の誰かが知っていますか?

+0

user-modifyについてあなたはより多くの情報を見つけることができます。 – Bazzz

+0

私は、各スパン要素の外側に編集が溢れているのを望まなかった。 – Vanwaril

+2

contentEditableを使用するには、編集した内容を読み返すためにjavascriptが必要です。なぜ編集を有効にするのが難しいのか分かりません。 – AlfonsoML

答えて

19

ほとんどの人は、contentEditableがスタイル(実際には)ではなく動作を定義していると主張します。

WebKitのCSSプロパティは、contentEditable-webkit-user-modifyに似ています。

8

ユーザーがコンテンツを編集するかどうかは、プレゼンテーションとは関係ありません。

7

スタイルはオプションです。理論的にはCSSなしですべてのページをレンダリングできますが、それでも正常に動作するはずです。実際、それは多くのテキストのみのブラウザ、またはオーディオのみのブラウザで行われていることです。

contentEditableは、要素ののの動作を変更します。スタイルを使用せずにJavaScriptを解釈するブラウザでも、このプロパティの恩恵を受けるはずです。

6

は、それは、Firefox、Chromeで働い

span { 
    -webkit-user-modify: read-write; 
    -moz-user-modify: read-write; 
    user-modify: read-write; 
} 

を試してみてください。あなたはスパン周り `div`を入れて、その` `div` contentEditable`がダウンして継承されている`としてcontentEditable`は、すべてのapansが編集可能であったであろうにも与えることができた

+0

https://jsfiddle.net/dhL3oLwk/ – Squirrl

+0

それは私のために働く –

関連する問題