2011-12-22 12 views
2

私はimgのウェブページを持っています。ユーザーがimgをクリックするたびにcontentEditable属性がtrueに設定されたspanタグが生成されます。contentを無効にする方法編集可能

私の問題は、その後、それは別の編集可能なspan(望ましい効果)を追加しますimgに戻ってクリックしても、ユーザーはspanを追加するimgをクリックした場合、(したがって、編集可能なゾーンを活性化)spanをクリックすることです最初のspanは編集モードになります。

編集可能なspanを通常のspanに戻すにはどうすればよいですか?

答えて

7

あなたはこのようにjQueryを使ってcontenteditable属性とフォーカスを削除することができます。

$('span#id').removeAttr('contenteditable').blur(); 

をあなたはCSSでこのようにそれを行うことができます編集することができ、すべてのスパンスタイルにしたい場合:

span[contenteditable] { } /* editable */ 
+0

ありがとう、それは動作します! – Alain

+0

oups、それはありません..属性を削除すると、フォームが再度編集されるのを防ぐことができます(これは望ましい効果ではありませんが、別の方法で追加することができます。テキストは選択されたままになります(しかし、上記のように編集することはできません)。 – Alain

+0

より正確に質問してください。あなたは「どのようにcontentEditableを無効にするか」/「編集可能なスパンを通常のスパンに戻すにはどうすればいいですか?」と尋ねました。 –

関連する問題