jquery - 編集中にスタイルを失わずに編集できますか?

Question

リッチ テキスト エディタのように、編集中にスタイルを維持することは可能ですか? 現在はプレーンテキスト エディタに変更されていますが、編集ボタンを押すだけで (真に) インラインで編集できるようになると便利です

Answer 1

これは、次のようなcssプロパティを介して要素をスタイリングすることで可能になります。

.editable form,
.editable input {
    margin: inherit;
    padding: inherit;
    font: inherit;
    color: inherit;
    background: inherit;
    border: inherit
}

ここで、editableclassはJeditableのセレクターです

Answer 2

注: JEditableは<button />の代わりにノードを使用するため、 CSS<input type="button" />を介してボタンをスタイリングするには、次のものが必要です。

.editable button
{
  /** style goes here **/
}