Chrome scheint etwas Seltsames / Interessantes / Verwirrendes zu tun, wenn ich einen inhaltlich bearbeitbaren Abschnitt auf einer Seite habe. Wenn Sie einen Textabschnitt haben, der mit einem umbrochen ist<span> (Vielleicht andere Tags, die ich nicht kenne), auf die eine Klasse angewendet wurde, die dem Text zusätzlichen Stil verleiht (Schriftfamilie, Farbe usw.) und dann den gesamten Text im bearbeitbaren Bereich löscht. Wenn Sie erneut mit der Eingabe beginnen, sieht der Text genauso aus wie zu Beginn des Löschens von Text, scheint jedoch mit dem reinen berechneten CSS gestaltet zu sein, anstatt einen Bereich mit den entsprechenden Klassen zu haben.

http://jsfiddle.net/tomprogramming/wS4Gp/

Irgendeine Idee, warum dies passiert, oder ob ich es ausschalten kann? Firefox und IE scheinen beide mit der Klasse mitzuhalten.

Damit beginne ich

<span class="level1" style="font-weight:bold;">This is level'd text</span>

und das ist es, womit ich ende

<span style="color: rgb(255, 255, 255); font-family: helvetica, arial, sans-serif; font-size: 48.18181610107422px; font-weight: bold;">This is level'd text</span>

Und das relevante CSS

.editable .level1 {
    color: #fff;
    font-size:3em;
    font-family:helvetica, arial, sans-serif;
}

Ich verstehe, was los ist, es versucht, sich wie Word und andere Prozessoren zu verhalten, die Ihr Styling beibehalten. Diese Ebenen sind jedoch in unserem Editor wichtig und sollten beibehalten werden. Wenn nicht, schalte ich diese "Funktion" lieber aus.