Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    9

    Ottenere e settare coordinate del cursore

    Salve a tutti, sto realizzando un editor WYSIWYG e avrei necessità di inserire immagini e link.
    La parte che mi interessa non è l'inserimento in se che funziona, quanto riuscire a inserire l'immagine dove era precedentemente impostato il cursore e per quanto riguarda il link sostituire il testo precedentemente selezionato con il link stesso.

    Tutto questo in un div contenteditable.

    Il problema è che quando clicco i pulsanti per inserire una immagine o un link perdo il focus nell'area editabile quindi avrei bisogno di uno script che mi salvi le coordinate, tenendo conto che una selezione ha un inizio e una fine e tenendo conto di eventuali tag HTML, tutto questo in modo che poi l'immagine o il link vengano inseriti dove precedentemente impostato il cursore o la selezione.

    Spero di essere stato abbastanza chiaro, grazie in anticipo a chiunque possa aiutarmi

    PS: non sono interessato al supporto a vecchie versioni di IE come 6/7/8, meglio se c'è ma non necessario.

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,131
    Potrei capire se volevi fare un editor semplice, ma quello che chiedi è già uno sviluppo avanzato perché non puoi usare ckeditor.com o tinymce.com? Sicuri, testati, controllati, verificati, ti sconsiglio di proseguire quello che vuoi fare e complesso e difficile anche solo da spiegare.

    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    quello che vuoi fare non ha a che vedere con le coordinate del cursore,
    la posizione in cui inserire qualcosa e' determinata da quanto selezionato (che puo' essere anche niente, ma avra' necessariamente un inizio)
    i metodi per gestire la selezione variano da browser a browser, dovresti approfondire .getSelection() e il Range object
    fortunatamente qualcuno ha gia' pensato a mettere insieme un api per avere metodi un po' piu' consistenti
    darei un' occhiata a https://code.google.com/p/rangy/

    ciao

  4. #4
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    9
    Grazie ad entrambi per la risposta, penso che la libreria Rangy possa fare al caso mio

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.