{"id":24911,"date":"2021-05-23T15:17:00","date_gmt":"2021-05-23T12:17:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=24911"},"modified":"2021-10-18T03:11:04","modified_gmt":"2021-10-18T00:11:04","slug":"i-3-migliori-editor-di-testo-rtf-gratuiti-per-applicazioni-web","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/i-3-migliori-editor-di-testo-rtf-gratuiti-per-applicazioni-web\/","title":{"rendered":"I 3 migliori editor di testo RTF gratuiti per applicazioni Web"},"content":{"rendered":"

Stai cercando un editor di testo RTF gratuito per la tua applicazione web? Un editor WYSIWYG (quello che vedi \u00e8 ci\u00f2 che ottieni) ti consente di inserire contenuto descrittivo insieme a elementi HTML. In questo articolo, discutiamo dei 3 migliori editor di testo RTF gratuiti che sono popolari e facili da installare.<\/p>\n

Ci sono diversi editor WYSIWYG disponibili su Internet. Ho provato alcuni editor e ho preso i 3 migliori editor HTML WYSIWYG gratuiti che sono: CKEditor, TinyMCE e Trix<\/strong>.<\/p>\n

Perch\u00e9 hai bisogno di Rich Text Editor?<\/h3>\n

Ci si pu\u00f2 chiedere perch\u00e9 si dovrebbe usare l’editor di testo rich? La risposta \u00e8 semplice. Nella textarea, non \u00e8 facile e intuitivo inserire grandi pezzi di contenuto. \u00c8 molto difficile inserire diversi tipi di elementi HTML nell’area di testo. Avvolgere il contenuto all’interno degli elementi e mantenere la loro gerarchia \u00e8 difficile in textarea.<\/p>\n

Per semplificare questo problema, abbiamo la possibilit\u00e0 di utilizzare un editor di testo RTF. Questi editor WYSIWYG forniscono una buona interfaccia utente e un’esperienza utente al posto di textarea.<\/p>\n

CKEditor \u2013 Editor di testo Web<\/h3>\n

CKEditor<\/a> \u00e8 un editor di testo rich text gratuito popolare e comunemente usato. Questo editor \u00e8 progettato per semplificare la creazione di contenuti del sito web.<\/p>\n

Per utilizzare CKEditor, devi prima includere il suo file JS. Hanno fornito 3 tipi di pacchetti: Basic, Standard, Full. Puoi scegliere uno dei due pacchetti in base al requisito. \u00c8 disponibile un file JS diverso per ogni pacchetto.<\/p>\n

Ecco il link per i pacchetti CKEditor <\/a>http:\/\/ckeditor.com\/download<\/a><\/p>\n

Nella pagina sopra, \u00e8 possibile scegliere qualsiasi pacchetto e ottenere un percorso sorgente JS di un pacchetto.<\/p>\n

\"I<\/a><\/p>\n

Ad esempio, utilizzo il pacchetto standard, quindi il mio codice sar\u00e0 il seguente.<\/p>\n

<!DOCTYPE html>\n<html>\n\u00a0\u00a0\u00a0\u00a0<head>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<meta charset=\"utf-8\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<title>CKEditor<\/title>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<script src=\"\/\/cdn.ckeditor.com\/4.14.1\/standard\/ckeditor.js\"><\/script>\n\u00a0\u00a0\u00a0\u00a0<\/head>\n\u00a0\u00a0\u00a0\u00a0<body>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<textarea name=\"editor1\"><\/textarea>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<script>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0CKEDITOR.replace( 'editor1' );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/script>\n\u00a0\u00a0\u00a0\u00a0<\/body>\n<\/html><\/code><\/pre>\n
Il codice sopra generer\u00e0 un editor simile allo screenshot qui sotto.<\/p>\n
\"I<\/a><\/p>\n
TinyMCE \u2013 Editor WYSIWYG avanzato<\/h3>\n
TinyMCE<\/a> \u00e8 uno degli editor open source pi\u00f9 utilizzati. I marchi ben noti utilizzano questo editor nel loro sviluppo principale.<\/p>\n
L’installazione dell’editor TinyMCE \u00e8 semplicissima. Il codice seguente sostituisce textarea con l’editor TinyMCE WYSIWYG.<\/p>\n
<!DOCTYPE html>\n<html>\n<head>\n\u00a0\u00a0<script src=\"https:\/\/cdn.tiny.cloud\/1\/no-api-key\/tinymce\/5\/tinymce.min.js\" referrerpolicy=\"origin\"><\/script>\n\u00a0\u00a0<script>tinymce.init({ selector:'textarea' });<\/script>\n<\/head>\n<body>\n\u00a0\u00a0<textarea>Next, get a free Tiny Cloud API key!<\/textarea>\n<\/body>\n<\/html><\/code><\/pre>\n
Di seguito \u00e8 riportato lo screenshot di un editor generato utilizzando il codice sopra.<\/p>\n
\"I<\/a><\/p>\n
Questo editor fornisce un ricco set di barre degli strumenti. L’utente pu\u00f2 aggiungere funzionalit\u00e0 (plugin) come emozioni, ancora, modalit\u00e0 a schermo intero, immagine, stampa, correttore ortografico, tabella, conteggio parole, ecc. nella barra degli strumenti di un editor. Otterrai l’elenco completo di tutte le funzionalit\u00e0 della barra degli strumenti disponibili nella loro documentazione<\/a>.<\/p>\n
Trix: un editor WYSIWYG open source<\/h3>\n
Trix<\/a> \u00e8 un altro editor di testo RTF open source di Basecamp. Poich\u00e9 questo editor \u00e8 utilizzato in Basecamp, milioni di utenti lo stanno gi\u00e0 utilizzando. Ho scritto un articolo separato sull’editor Trix, quindi dai un’occhiata a questo articolo<\/a> che spiega come utilizzare l’editor Trix nei tuoi siti web.<\/p>\n
Spero che tu abbia una conoscenza di base dei popolari editor di testo RTF gratuiti. Si prega di condividere i tuoi pensieri e suggerimenti in una sezione commenti qui sotto.<\/p>\n
articoli Correlati<\/h4>\n