Wie kann ich 'draggable' für ein Element mit contentEditable aktivieren?

8

Ich hätte gerne ein div, das gleichzeitig editierbar und ziehbar ist, mit jQuery UI. Die Editierbarkeit des Inhalts scheint nur zu funktionieren, wenn ziehbare Objekte nicht aktiviert sind. Fehle ich etwas? Ich verwende jQuery 1.4.4 und jQuery UI 1.8.9

JavaScript:

%Vor%

HTML:

%Vor%     
Tommy 10.02.2011, 08:50
quelle

4 Antworten

12

Es funktioniert, aber der juggerable jQuery ist ein Klickereignis. Sie können immer noch darauf zugreifen. Dies ist eine schnelle Lösung.

%Vor%     
Krule 10.02.2011, 09:03
quelle
16

Während die Antwort von Krule funktionieren wird, gibt es ein Usability-Problem. Der Cursor erscheint immer am Anfang des bearbeitbaren Bereichs, wenn er angeklickt wird. Dies macht es unmöglich, Text mit der Maus auszuwählen. Die einzige Möglichkeit, zu einem Textbereich zu springen, ist die Verwendung von Pfeiltasten. Ich glaube nicht, dass das akzeptabel ist.

Die einzige Lösung, die ich mir vorstellen konnte, ist ein "Griff" zum Ziehen:

%Vor%     
tybro0103 06.07.2011 21:24
quelle
1

Das hat mich verrückt gemacht - aber es gibt einen Weg, es ohne einen Ziehgriff zu machen. Verwenden Sie ein anderes Tag für Ihr bearbeitbares Element und verhindern Sie, dass dieses Element verwendet wird gezogen Ссылка

    
user3046913 28.11.2013 17:54
quelle
0

Sie können diesem Div ein "Eltern-Div" geben und draggable event zum Eltern-Elternteil hinzufügen. dann benutze die offizielle API 'Abbrechen'

HTML:

%Vor%

JS:

%Vor%     
王俊杰 11.04.2017 09:20
quelle