contenteditable = false in contenteditable = true Block ist in IE8 noch editierbar

Habe ich den folgenden HTML-Code, die beabsichtigen, stellen Sie sicher, dass der innere span ist nicht editierbar. Dies funktioniert, in anderen Browsern aber nicht IE8.

<div contenteditable="true">
  Luke, I am your father.
  <span contenteditable="false">I'm your son?! Ewww!</span>
  Don't speak back to me!
</div>

Hier ein JSFiddle um den Punkt zu illustrieren (IE8 verwenden, um es zu testen): http://jsfiddle.net/haxhia/uUKPA/3/ .

Wie kann ich sicher sein, dass der IE8 behandelt, richtig?

Kommentar zu dem Problem
ich habe gerade versucht es in FF 6 für OSX und ich kann Sie Bearbeiten alles... Kommentarautor: Dan
@Dan, ja alles, aber IE8 befasst sich mit dieser Recht gut. Kommentarautor: Gezim
@Gezim haben Sie eine Ahnung wenn dies gefixt wurde IE 9/10/11? Kommentarautor: Adam Merrifield
@AdamMerrifield, für einige Grund, warum ich dachte, es sei behoben, IE9, aber die Tests die JSFiddle hier, wie es scheint, es ist nicht behoben, im IE9: jsfiddle.net/haxhia/uUKPA/3 Kommentarautor: Gezim
Immer noch das gleiche Problem im IE11. Kommentarautor: Ruud Helderman

InformationsquelleAutor der Frage Gezim | 2011-09-22

  1. 31

    Okay, ich habe schon vor der Antwort, ähnlich wie Das Penizillin war entdeckt.

    Sehen Sie, um das Spiel mit diesem code, den ich versehentlich contenteditable zu true für die span und voila! Es hat geklappt!

    Also, um ein span NICHT contenteditable innen eine contenteditable div, man muss nur seine contenteditable Attribut true!

    <div contenteditable="true">
  Luke, I am your father.
  <span contenteditable="true">I'm your son?! Ewww!</span>
  Don't speak back to me!
</div>

    Hier ist die Datei zu demonstrieren (nutze IE8 zu öffnen): https://www.dropbox.com/s/2yc3rrtkji3rupr/contenteditableIE8.html .

    Schließlich wollte ich nicht posten, die Frage, um Stimmen erhalten (obwohl Sie nicht verletzen würde!), aber da war die Lösung so lächerlich und ich fand es nicht hier, ich dachte, jemand kann finden dieser Tipp spart Zeit.

    InformationsquelleAutor der Antwort Gezim

  2. 17

    Das problem mit contenteditable="true" innerhalb contenteditable="true" (um es nicht editierbar) am IE ist, dass Doppel-Klick auf das innere element macht es bearbeitbar

    Lösung

    Grandparent tag as contenteditable true

Parent tag as contenteditable false

Child tag as contenteditable false

    den Inhalt von Kind-tag werden nicht Bearbeitbare sicher

        <ul contenteditable="true">
        <li>By default, this content is editable via its 
        inherited parent elements value.</li>

    <li contenteditable="false" ><span contenteditable="false">This content is     
    <b>not</b> 
    editable for sure</span></li>
    </ul>

    JSFiddle-Beispiel

    InformationsquelleAutor der Antwort Alexvx

Schreibe einen Kommentar