Wie man anklickbare Anker in contentEditable div?
Habe ich folgenden code:
<div contentEditable="true">
Blah blah <a href="http://google.com">Google</a> Blah blah
</div>
Gibt es einen Weg, dieses a
anklickbar, nicht bearbeitbar, ohne bewegliche Anker außerhalb dieses div?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Nur wickeln Sie den link in einem anderen div, etwa so:
<a href="http://google.com" contentEditable="false">Google</a>
Machen, den link selbst nicht bearbeitet werden (funktioniert zumindest auf HTML5):
<a contenteditable="false" href="http....... >
Soweit ich informiert bin, gibt es keine Möglichkeit, dies zu tun, ohne Programmierung selbst mit Javascript. Der einfache Weg dies zu tun ist, zu deaktivieren und zu reaktivieren
contentEditable
wenn die Strg - Taste gedrückt wird. So, wenn Sie Strg gedrückt wird, wird der link klickbar ist, sonst nicht. Das heißt, Sie können weiterhin Bearbeiten Sie den Inhalt der Verknüpfung. Diese Funktionalität ist ähnlich der von Microsoft Word, IIRC.Könnte der code wie folgt Aussehen:
Aktualisiert fiddle
Um eine clickable und Bearbeitbare link, ich habe ein onclick-Befehl in den link.
Beispiel:
Nachteile wurden:
Im IE der link musste zweimal angeklickt werden.
In mobile Safari die Tastatur gezeigt wurde (Könnte versteckt werden mit Javascript).