Domanda

Dobbiamo aggiungere un editor HTML di base al nostro prodotto. Poiché al momento supportiamo solo IE (la maggior parte dei clienti è ancora su IE 6), mi è stato detto di utilizzare le funzionalità di modifica XHTML integrate in Internet Explorer & # 8211; per esempio. <div contentEditable="true"> come spiegato in " Modifica di una pagina Web < ! / a> <> quot; .

Oltre di non funzionare in altri browser. (La direzione non considera questo un problema. I nostri clienti tollereranno il nostro software solo lavorando con IE. Non abbiamo mai perso soldi dal nostro software che lavora solo in IE; la maggior parte dei clienti consentirà comunque al proprio personale di utilizzare IE6 al momento )

Quale altro problema è probabile che si verifichi con contentEditable?


Aggiorna

L'editor HTML che ho scritto con & # 8220; contentEditable & # 8221; si è rivelato molto difficile ottenere affidabilità, con molti problemi . Se dovessi farlo di nuovo, spingerei molto difficile su una delle tante soluzioni open source (ad esempio TinyMCE) o acquisterei in un editor HTML supportato.

Non c'è dubbio che un programmatore jscript molto esperto può ottenere & # 8220; contentEditable & # 8221; per funzionare bene dato abbastanza tempo. Solo che tutti gli esempi sul web sembrano così semplici, fino a quando non testate operazioni comuni come fare un taglia / incolla da una parola e provare a modificare il codice HTML risultante. (proprio il tipo di cose che farà un cliente)

(Cerca solo & # 8220; contentEditable & # 8221; su stackoverflow per ottenere un ideale dei problemi che altre persone hanno avuto)

È stato utile?

Soluzione

La proprietà contentEditable funziona in Safari, Firefox 3 e Opera 9.

Poiché la manipolazione avverrà senza dubbio attraverso le selezioni, il tuo problema più grande sarà far funzionare la selezione / intervalli tra i browser ( vedi qui) .

Esistono anche numerosi piccoli bug nei browser che possono o meno ti morde. Questi includono la sensibilità al maiuscolo incompatibile, i metodi incompatibili per disattivarlo di nuovo (removeAttribute vs. setting to false).

Nonostante questi difetti, trovo che funzioni piuttosto bene.

Altri suggerimenti

Che ne dici di usare qualche soluzione open source che funzioni in tutti i principali browser?

TinyMCE

Ci sono anche altri progetti, ma è quello che userei.

HTML 5 includono l'attributo contenteditable, quindi sembra che sarà in IE per molto tempo a venire.

Ho appena ricevuto un'email da qualcuno nel team di IE

  

Mentre è praticamente impossibile   commentare il futuro con un massimo   grado di fiducia, è giusto dire   di cui non sono a conoscenza di alcun piano   rimuovere contentEditable, e se fosse   rimosso, si spezzerebbe MOLTO   siti.

Una rapida ricerca su Google ha prodotto un post di blog su alcuni (anche se minori) problemi di contentEditable.

contentEditable funziona con Firefox 3. Non conosco alcun problema con contentEditable.

Vorrei solo essere sicuro di controllare quali contenuti si ottengono poiché l'inserimento di attacchi XSS è abbastanza semplice in IE se non è presente la convalida del contenuto HTML aggiunto.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top