2010-04-09 15 views
24

Sto cercando un "suck less" WYSIWYG in -browser X? Editor HTML che genera codice HTML buono .Editor del browser WYSIWYG che genera * buono * HTML?

(senza <font>, <foo style="...">, <p></p><span></span><p><span>&nbsp;</span><span><span>blah</span></<span></p> e così via - e <b><i> ecc è ok).

Dovrebbe essere facile da usare in quanto verrà utilizzato da persone che non sanno cos'è l'HTML.

Qualche suggerimento?

Punti extra per copia e incolla da prontezza di parole! :-)

(ho trovato un sacco di editori, ma tutti creare quella <font> e nidificato <span> schifo che rompe il design del sito e contribuisce ad appesantire un sito con un tavolo fino a 100 KB.)

+0

Non si può mai andare storto con il blocchetto per appunti. – Ben

+0

Haha non lo stiamo cercando tutti? Recentemente ho lavorato alla redazione del sito web della community di una piccola città, che è stato realizzato con una vecchia versione di frontpage. Era pieno di cose come i tag trip con caratteri nidificati e le div con id come AAB3239F ... Ciò di cui abbiamo veramente bisogno è un editor WYSIWYG che usi correttamente i css al posto delle tabelle e dei tag garbage! –

+1

Con "Editor HTML del browser WYSIWYG" intendi un editor che può essere utilizzato all'interno di un browser? O stai cercando una soluzione desktop? –

risposta

1

Sono recentemente cercato un editor per creare una solida documentazione, il cui output è adatto per Subversion diff: https://superuser.com/questions/126621/wysiwyg-editor-for-structured-text-suitable-for-svn-versioning

L'editor che è stato suggerito - "KompoZer" - si è rivelato fantastico, soprattutto perché genera HTML molto pulito (a mio parere). E lo dico, anche se inizialmente avevo preferito qualcosa di più semplice dell'HTML.

P.S. Leggendo nuovamente la tua domanda, non sono sicuro, cosa intendi con un "editor di browser" - stai cercando un editor che possa essere integrato in una pagina HTML? KompoZer è basato su un browser, ma probabilmente non può essere integrato in una pagina HTML.

+0

KompoZer non è eccezionale, ma è anche il migliore [gratuito] editor HTML WYSIWYG che ho trovato. – ewall

+0

Grazie, ma quello è un client desktop, sto cercando un editor nel browser. Apparentemente questo non è stato formulato chiaramente. –

1

Recentemente ho spostato uno dei miei progetti in markdown per evitare questo problema esatto. C'è ancora un po 'di una curva di apprendimento per gli utenti, ma non ho avuto a che fare con i soliti problemi che si verificano quando copiano/incollano contenuti da Word e si chiedono perché è esploso.

Detto questo, preferisco CKEditor su TinyMCE e sui controlli Telerik. Generalmente ho trovato che genera HTML un po 'più pulito.

3

Che dire di WYMEditor?

WYMeditor è stato creato per generare un codice rigoroso XHTML perfettamente strutturato, conforme alle specifiche XHTML del W3C e per facilitare ulteriori elaborazioni con applicazioni moderne.

Con WYMeditor, il codice non può essere contaminato da informazioni visive come stili di font e pesi, bordi, colori, ... L'utente finale definisce il significato del contenuto, che determinerà il suo aspetto mediante l'uso di fogli di stile. Il risultato è una facile e rapida manutenzione delle informazioni.

ho usato un po 'e, mentre ci vuole un po' di tweaking se avete esigenze molto specifiche, funziona fuori dalla scatola per l'editing semplice XHTML. Se imposti file CSS appositamente annotati, rileverà gli stili che desideri vengano utilizzati dagli utenti e bloccherà gli elementi di livello a cui si applicano. Puoi anche dirgli come visualizzare questi stili nell'editor (che potrebbe essere diverso da come li vuoi visualizzare nell'XHTML risultante).

Ovviamente genera XHTML, non in HTML, quindi potrebbe non soddisfare le vostre esigenze.

+0

Grazie, ci proverò. –

2

È possibile utilizzare Markdown with the WMD UI, è quello utilizzato da Stack Overflow. Produce sempre codice HTML valido.

+4

Questo programma è WYSIWYG? –

+0

L'interfaccia utente WMD sembra essere inattiva. Sito Web dà 404. – badbod99

0

Spaw2. Anche se è un po 'abbandonato ora.

1

Esistono diversi editor WYSIWG per l'incorporamento all'interno del tuo sito web.

WYMeditor (http://www.wymeditor.org/) sembra molto bello e sembra essere una buona misura per i risultati rivolte XHTML puliti e validi.

0

La classe Apple Cocoa NSTextView esporta molto bello html, dove tutto il giochino è fatto attraverso la specifica di un foglio di stile nell'intestazione. L'editor Apple TextEdit usa questo.

6

Scaricare la versione corrente di CKEditor e osservare l'esempio di output XHTML. Mostra come utilizzare WYSIWYG completo ma non genera font o stili. Hai solo bisogno di adattare la configurazione alle tue esigenze.

0

http://tinymce.moxiecode.com/ - facile da usare, può importare form Word e limitare la formattazione agli stili CSS predefiniti, per fornire un output coerente.

+1

Sloooow e crea Javascript terribile dopo poche modifiche. Rompe tutto se la gente stupida copia e incolla da qualche parte. –

+0

s/Javascript/HTML / –