Froala Editor

WYSIWYG sono pezzi ingombranti di codice che permettono agli utenti di formattare il testo all'interno del proprio browser, proprio come farebbero con un software desktop come Word o OpenOffice.

La maggior parte di loro lavorano trasformando un semplice textarea in una sezione formattazione del testo completamente saltato, con un sacco di barre degli strumenti e pulsanti per lo stile del testo contenuto.

Un altro modo di aggiungere un RTE ad una pagina è quello di consentire agli utenti di selezionare il testo e quindi mostrano una popup con formattazione controlli accanto ad esso.

Entrambi i metodi sono grandi, ma alcuni editor WYSIWYG forniscono entrambe queste opzioni di modifica, concentrandosi su una sola di queste esperienze modifica.

Froala Editor fornisce un editor WYSIWYG solido, che lavora per entrambe le suddette esperienze di editing, ma offre anche una base di codice piuttosto solido, codificati secondo gli ultimi standard e le best practice del settore.

L'editor Froala è uno dei pochi RTEs giro con supporto mobile e della retina, che lo rende ideale anche per l'utilizzo su dispositivi mobili anche.

Utilizzando l'icona di carattere FontAwesome per i pulsanti del redattore, Froala riduce anche le richieste HTTP quando si carica l'editor, migliorando il tempo di caricamento della pagina e di fornire una molto più facile da stile editor di UI.

Tutto dentro le barre degli strumenti di editing Froala è intercambiabile, gli sviluppatori di essere in grado di trasformare i pulsanti e le funzionalità o disattivare, o spostarli intorno a posizioni personalizzati come meglio credono.

Nel complesso il Editor Froala è una soluzione WYSIWYG molto ben fatto, con un sacco di opzioni di personalizzazione, documentazione e demo inclusi.

Froala Editor è disponibile in un modello a doppia licenza. La versione gratuita è progetti personali e non commerciali disponibili sotto la Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 Internazionale di Licenza, mentre per usi commerciali, diverse licenze a pagamento sono disponibili, a seconda delle esigenze di utilizzo desiderati. Assicurarsi di leggere il contratto di licenza e non confondersi

Cosa c'è di nuovo in questa versione:.

Nuovo in Froala Editor 1.2.7 (14 maggio 2015)

Cosa c'è di nuovo nella versione 2.1.0:

• Aggiungi opzione pluginsEnabled.
• Aggiungi plug-in proprietà ai comandi.
• opzione Aggiungi emoticonsUseImage.
• Consenti. Note: // per i collegamenti
• Aggiungi plugin di inserimento rapido.
• immagine in anteprima durante il caricamento.
• Aggiungi tavolo inserto aiuto.
• riprogettazione icona per rompere la linea.

Cosa c'è di nuovo nella versione 1.2.7:.

• Aggiungi l'evento beforeUploadPastedImage
• I pulsanti non sono simpleTags. Migliorare allowedAttrs pulizia.
• Clean HTML che si trova all'interno textarea prima di aggiungerlo all'elemento.
• Aggiungi opzione doNotJoinTags.
• Colori plugin è stato migliorato.
• Aggiungi opzione linkAttributes.
• Migliorare eventi imageAltSet, imageFloatedLeft, imageFloatedNone e imageFloatedRight.
• Aggiungi entità plugin.
• Aggiungi risposta all'evento fileUploaded.
• Aggiungi eventi afterImageUpload e afterFileUpload.
• Sostituire node.children con node.childNodes.
• Migliorare eventi imageResize e imageResizeEnd.
• Aggiungi saveParam.
• Consentire di digitare RTL o LTR a seconda del tipo di tastiera.
• Migliorare la traduzione danese.
• Migliorare incollare.
• Aggiungi afterPasteCleanup evento.
• Testo all'interno collegamento non viene sterilizzata più
• opzionali iconClasses.
• opzione useFileName Aggiungi.
• Aggiungi traduzione estone.

Cosa c'è di nuovo nella versione 1.2.6:.

• Riflettere UI stato disable
• Segnaposto non ha più stile corsivo.
• Valore linkAutoPrefix di default è una stringa vuota invece di falso.
• I popup sono chiusi quando la finestra viene ridimensionata.
• Inserisci non è più copiando lo stile dell'elemento blocco precedente.
• Lasciare anteprima del video in tutti i browser.
• Controlla TAB testando la charCode invece della stringa stessa.
• Migliorare la traduzione russa.

Cosa c'è di nuovo nella versione 1.2.5:.

• Migliorare la digitazione generale quando l'opzione paragraphy è falso
• Aggiungi opzione linkAutoPrefix.
• Migliorare algoritmo di pulizia
• Invia pop-up premendo Invio.
• Chiudi pop-up quando colpisce ESC.
• Aggiungi defaultTag come sperimentale.
• tag Style non è più consentito, al fine di evitare XSS.
• Testo è la selezione di default nei colori discesa.
• Aggiungi opzione foreColors.
• Aggiungi opzione backColors.
• Aggiungi opzione defaultColorOption.
• Aggiungi opzione backColorsDisabled.
• Aggiungi opzione foreColorsDisabled.
• Migliorare la pasta di pianura.
• Migliorare affrontare testo all'interno dell'editor.
• it-tag non viene aggiunto per impostazione predefinita. useFrTag dovrebbe essere usato al posto.
• evento editable.imageInserted ha un altro parametro, la risposta, che contiene la risposta non elaborato dal server
• Extra & # x3c; p & # X3e; tag non vengono aggiunte voci di elenco.
• Aggiungi opzione customImageButtons.
• Aggiungi opzione showNextToCursor.
• opzione Aggiungi multilinea.
• Carica file con il drag and drop direttamente nell'editor.
• Sostituire CTRL + F scorciatoia da CTRL + E.
• Migliorare disinfettante URL.
• Aggiungi URL plugin che sarebbe convertire automaticamente gli URL.
• Aggiungi plug-in a schermo intero.
• Supporto di base iframe.
• Aggiungi lingua ucraina.
• Migliorare la lingua norvegese.
• Aggiungi opzione scrollableContainer.
• Aggiungi opzione defaultImageAlignment.
• Aggiungi opzione defaultVideoAlignment.
• Migliorare undo / redo risparmio di prestazioni
• allowedEmptyTags tag non è più disponibile.
• allowedBlankTags dovrebbero essere utilizzati per consentire tag vuoto che non hanno alcun attributo.
• Aggiungi inline_styles plugin.
• Aggiungi opzione useClasses.
• Aggiungi opzioni immagine da mostrare come in linea o rompere il testo.
• i gestori di cambiare l'immagine di design.
• Aggiungi pulsante Allinea per un'immagine come un menu a discesa.

pulsanti
• floatImageLeft, floatImageNone e floatImageRight sono stati rimossi. allineare pulsante deve essere usato al posto.
• Aggiungi textNearVideo opzione.

Cosa c'è di nuovo nella versione 1.2.3:.

• Migliorare la gestione di eventi meccanismo
• Migliorare la sincronizzazione e manager di annullamento.
• Migliorare incollare messa a fuoco.

opzione
• defaultImageWidth viene ignorato se è impostato su 0.
• Aggiungi metodo setDirty.
• opzione blockTags accetta più tag adesso.
• Migliorare incollare Word.
• Migliorare metodo insertHTML.
• Migliorare la barra degli strumenti mobile quando l'opzione fixedToolbar è falso.
• Migliorare scatto del tasto esperienza sui dispositivi mobili.

Cosa c'è di nuovo nella versione 1.2.2:.

• Aggiungi char_counter plug-in
• Elenco Rassegna di allowedAttributes.
• Elenco Rassegna di allowedTags.
• Aggiungi opzione beautifyCode.
• Aggiungi l'evento onpaste.
• Aggiungi il controllo granulare per i collegamenti:. Opzione shortcutsAvailable
• Aggiungi opzione convertEmailAddresses.
• Migliorare UX per l'inserimento di collegamento.
• Aggiungi l'evento badLink.
• Incolla miglioramenti in tutti i browser
• Immagini in movimento ora lavora in IE troppo.
• Aggiungi opzione pasteImage.
• migliorare la pulizia.
• Aggiungi il tema reale.
• Aggiungi opzioni di aggiornamento e refreshOnShow per menù a discesa personalizzati.
• Aggiungi opzione di aggiornamento per i pulsanti personalizzati.
• Mostra caricatore quando l'immagine viene inserita dal collegamento.
• Aggiungi videoAllowedAttributes e videoAllowedTags.
• Consenti undo / redo senza bottoni.
• opzione imageTitle Aggiungi.

Cosa c'è di nuovo nella versione 1.2.0:.

• Nuovo algoritmo per l'utilizzo di liste
• elenchi annidati.
• Le liste sono ora un plugin.
• Supporto file.
• Migliorare la leggibilità del codice.
• pulsante Aggiungi per rimuovere il colore di sfondo.
• pulsante Aggiungi per rimuovere il colore del testo.
• Miglioramenti file del tema.
• Aggiungi tema rosso.
• Aggiungi tema grigio.
• Aggiungi il link quando non c'è testo selezionato.

Cosa c'è di nuovo nella versione 1.1.9:

• Bug risolti:
• pasta di Word.
• Iniziare con fontSize nei browser Webkit.
• correzioni pulizia RegEx.
• Pagina sfarfallio sulla pasta.
• posizione del cursore sulla pasta nei browser Webkit.

Cosa c'è di nuovo nella versione 1.1.7:

• Salva / Ripristina selezione lavora per più intervalli <. / li>

Cosa c'è di nuovo nella versione 1.1.6:.

• Tavoli
• Inserisci il video da URL.
• miglioramenti di velocità.
• Aggiungi il supporto per IE8.
• Il miglioramento al supporto Android.
• Migliorare il posizionamento comparsa mobile.
• Aggiungi opzione simpleAmpersand.
• Aggiungi opzione ImageLink.
• Miglioramenti tedesco.
• Beautifier è utilizzato come lib separato e non è più disponibile per impostazione predefinita.
• opzione Aggiungi maxHeight.
• di default non è più disponibile di default, ma le opzioni può essere attivata.
• inverseSkin è sostituito dal opzione tema.
• file CSS tema.
• Migliorare output HTML.
• Migliorare la traduzione in lingua italiana.
• Avvia colore / dimensione del carattere.
• Consenti all'utente di tornare di errore del server per un'immagine.
• Sostituire spazio invisibile con tag BR.
• Migliorare la traduzione in francese.
• Aggiungi opzione saveRequestType.
• richiamate da immagini diventano oggetto jQuery come parametro invece di src.
• Clean HTML con le espressioni regolari invece di codice jQuery.
• Editor può essere inizializzato sull'immagine.
• Editor può essere inizializzato sul collegamento.
• Possibilità di modificare il testo dall'elemento DOM in un popup.
• Far passare un elenco predefinito di collegamenti da scegliere.
• Aggiungi opzione per aprire il link in un'altra scheda.
• Aggiungi opzione disableRightClick.
• Aggiungi opzione blockStylesToggle.
• opzione Aggiungi trackScroll.
• Aggiungi opzione unlinkButton.

Cosa c'è di nuovo nella versione 1.1.5:.

• Aggiungi metodo di messa a fuoco
• Mostra montatore tasto destro del mouse.
• Editor può ora essere inizializzato sull'immagine.
• opzione imageUploadToS3 caricare su Amazon S3.
• opzione imageUpload per disabilitare il caricamento delle immagini.

opzione customDropdowns
• per personalizzare menù a discesa.
• comando blockStyle per impostare una consuetudine blockStyle.

opzione
• blockStyles per impostare blockStyles specifici.
• opzione defaultBlockStyle per impostare di default disponibili stili di blocco.
• Migliorare distruggere metodo.
• Migliorare il supporto segnaposto.
• Migliorare la modalità di codifica.
• Migliorare nuova riga nel codice e blockquotes.
• Imposta media manager aspettarsi sempre JSON e non il testo.
• Aggiorna per FontAwesome 4.1.0.
• Sostituire il paragrafo icona.
• Sostituire icona di colore.
• Aggiungi il pulsante fontFamily in barra degli strumenti.
• Aggiungi il pulsante blockStyle in barra degli strumenti.
• Aggiungi pulsante HTML nel barra degli strumenti.
• Consenti URL a partire dal numero e /.
• Sync quando l'immagine è caduto.

Cosa c'è di nuovo nella versione 1.1.4:.

• Sposta writeVideo al suo proprio metodo
• Migliorare il supporto da imballaggio.
• Migliorare metodo GetHtml.
• Migliorare la formattazione a blocchi.
• Impostazione colore di sfondo prenderebbe in considerazione i genitori troppo.
• Migliorare il supporto contentChangedCallback.
• Rimuovi caratteri invisibili quando si salva il codice HTML.
• Aggiungi metodo isActive per controllare se il comando è attivo.
• Migliorare annullare meccanismi.
• Gestore supporti per le immagini.
• Aggiungi opzione zIndex.
• Minimo per autosaveInterval è stato cambiato a 100.
• Migliorare per il supporto XSS.
• Migliorare metodo insertHTML.
• SaveURL non è più necessario per attivare salvare.
• Aggiungi restrizione immagine utilizzando l'opzione allowedImageTypes.
• CTRL + Backspace sta tagliando il testo.
• CTRL +] a rientrare il testo.
• CTRL + [si rientro negativo di testo.
• CTRL + & quot; è la formattazione del testo come citazione.
• CTRL + & # x5C; è la formattazione del testo come codice.
• Sync prima forma della presentazione.
• Elimina immagine colpendolo cancellare quando è selezionata.
• pressione del tasto invio quando l'immagine è la selezione è sempre verso il basso.
• opzione MaxImageSize per limitare le dimensioni dell'immagine prima di caricare.
• Aggiungi defaultImageWidth opzione per impostare le dimensioni dell'immagine su inserimento.
• afterRemoveImageCallback è ora ottenere il src dell'immagine come param.
• Immagine rimuovere il controllo migliorato.
• comando di linea orizzontale.
• Supporto famiglia di caratteri.

Cosa c'è di nuovo nella versione 1.1.3:.

• tag personalizzati da HTML non vengono più rimossi
• MinHeight opzione.
• metodo removeFormat.
• si inserisce un'immagine in cui il cursore.
• Annulla conserva posizione di selezione e il cursore.
• & quot; attendere & quot; messaggio durante il caricamento delle immagini.

Cosa c'è di nuovo nella versione 1.1.2:

• Aggiunto:
• opzione textNearImage.

opzione
• imageButtons.
• opzione alwaysVisible.
• opzione nofollow.
• opzione alwaysBlank.
• opzione plainPaste.
• icone delle opzioni.
• richiamate per incollare.
• getText () metodo.

Cosa c'è di nuovo nella versione 1.1.0:.

• Aggiunto il supporto lingue (28 lingue)
• i colori della pelle inversa.
• Blockquote ha citazione all'inizio.
• Ulteriori parametri per richiedere il caricamento delle immagini.
• Parametri aggiuntivi per salvare richiesta.
• supporto video.
• pulsanti personalizzati in barra degli strumenti.
• opzione Paragraphy.

Cosa c'è di nuovo nella versione 1.0.6:.

• Migliorare IE 11 il supporto per l'editor in linea
• Segnaposto funziona come segnaposto da HTML5.
• Lasciare immagine mossa in editor di impostando l'opzione imageMove.
• Aggiungi salvare pulsante.
• Descrizione comando e il testo dei messaggi possono essere personalizzati opzione CustomText attraverso.
• Toolbar può rimanere in cima o muoversi lungo con il rotolo.
• Possibilità di striscia & # x3c; script & # X3e; tag.

Cosa c'è di nuovo nella versione 1.0.5:

• Immagine popup rimane attivo quando si fa clic su un pulsante da esso.
• Migliorare il supporto lista.
• Pulizia dopo collegamento / scollegamento.
• Editor si attiva quando si rilascia il mouse al di fuori di esso e vi è una selezione.
• Aggiorna stile segnaposto.
• metodo GetHtml ripulisce il codice HTML restituito.

Cosa c'è di nuovo nella versione 1.0.4:.

• Migliorare il supporto touch
• questioni elenco fisso.
• scheda Colpire inserirà 4 spazi vuoti.
• immagine Disabilita trascinamento al fine di evitare di perdere la formattazione del testo.

Cosa c'è di nuovo nella versione 1.0.3:

• Carica immagine su http://uploads.im .

Requisiti :

• abilitato JavaScript sul lato client
• jQuery 1.10.2 o superiore