Estoy trabajando con el editor web ALOHA y jquery ui, lo que quiero hacer es arrastrar un literal desde una lista y pegar el texto del mismo dentro del editor, justo en la posicion que tenga el cursor al soltarlo.
De momento con este codigo solo consigo copiarlo en el punto de origen
pero lo que quiero es insertarlo en la posicion de drop.Os adjunto el codigo haber si me podeos ayudar, podreis ver que ya tengo la posicion del drop pero no se como asignarsela dentro de la funcion de insertado:
<script type="text/javascript">
$(init);
function init() {
$('.draggable').draggable({
cursor: 'move',
containment: 'document',
helper: 'clone',
//helper: myHelper
stop: insertTextAtCursor
});
}
function insertTextAtCursor(event, ui) {
var sel, range, html;
var text = 'HELLO;
var offsetXPos = parseInt(ui.offset.left);
var offsetYPos = parseInt(ui.offset.top);
if (window.getSelection) {
sel = window.getSelection();
if (sel.getRangeAt && sel.rangeCount) {
range = sel.getRangeAt(0);
range.deleteContents();
range.insertNode(document.createTextNode(text));
}
} else if (document.selection && document.selection.createRange) {
document.selection.createRange().text = text;
}
alert("Drag stopped!\n\nOffset: (" + offsetXPos + ", " + offsetYPos + ")\n");
}
</script>
