Quali sono le migliori opzioni per l'editing di Rich Text in Rails?

Question

Mi piacerebbe utilizzare il Rich Text Editing su moduli per consentire agli amministratori di modificare le istruzioni. Quali sono le migliori opzioni per farlo?

[Per essere più chiari: gli amministratori non sono tecnici ma potrebbero voler controllare la formattazione senza utilizzare il markup o con il minor margine possibile. Quello che mi piacerebbe è che siano in grado di modificare tutte le AJAXy in linea con un RTE con alcuni controlli di formattazione e quindi inviare ed essere in grado di vedere come appariranno le istruzioni all'utente finale senza cambiare pagina.

Riguardo ai plugin in particolare, quello che mi piacerebbe sapere è quali plug-in di Rich Test Editing sono i migliori per l'uso in Rails. Più semplice da implementare, API più chiara, più facile da usare in linea, ecc ...]

Answer 1

Per Tumblon, abbiamo iniziato con TinyMCE ma stanno passando a Yahoo di Rich Text Editor perché ci sono stati alcuni problemi strani con il modo in TinyMCE ha funzionato e perché la ricca documentazione Text Editor e predefinito look-and-feel è superiore.

Entrambe sono abbastanza facili da integrare con Rails (sono solo JavaScript, dopo tutto). Ci sono plugin, ma non ne hai davvero bisogno.

Answer 2

Non sono sicuro di comprendere appieno la domanda, ma se mi chiedi quale editor utilizzare, ci sono molte opzioni e nessuna di loro è una questione di Rails - puoi usarne uno solo aggiungendo un piccolo pezzo di javascript nel tuo markup. Panoramica piacevole e aggiornata qui: http://bulletproofbox.com/web-based-rich-text-editors-compared/.

Modifica: link modificato a cachea di google, poiché il collegamento originale non funziona.

Answer 3

Esistono numerosi linguaggi di modelli implementati per Rails che forniscono una sintassi relativamente semplice per il markup. Ho usato RedCloth in precedenza, un'implementazione gemma di Textile (http://redcloth.org/) ed è abbastanza buono. Cose come Liquid (http://www.liquidmarkup.org/) sono un po 'più potenti, consentendo ai template di includere effettivamente le informazioni del database in linea. A seconda delle esigenze del tuo progetto, entrambi sarebbero potenzialmente adatti.

Nessuna di queste soluzioni fornirebbe un editor Rich Text sul posto, ma rappresenta un buon punto di partenza sul backend per quella che potrebbe essere una soluzione drop-in. Se stai solo permettendo agli amministratori di inserire le informazioni, immagino che non sarebbero spaventati da una piccola voce in chiaro.

Answer 4

Il link nella risposta di Milano è rotto. Per fortuna Ajaxian.com ha fatto un bel riassunto del post con link a tutti i vari RTE nel post e ai suoi commenti.

Link: http://ajaxian.com/archives/richtexteditors-compared

Answer 5

Ho passato attraverso lotte simili in passato, e si erano stabiliti su YUI. Sfortunatamente, i risultati di YUI (almeno per me, e devo ammetterlo, sono passati rapidamente e mai rielaborati), in un html terribile.

Quindi stasera, quando sono incappato in questo post, ho trovato PunyMCE. Ci sono 2 cose fantastiche a riguardo: 1) è incredibilmente leggero (come suggerisce il nome), e 2) c'è un plugin per rails che è già stato creato per questo: puny_mce su github.

La documentazione è abbastanza buono, tranne che per un paio di cose che ho trascurato/mi aveva graffiare la mia testa:

1. V'è un errore di battitura in "Utilizzo", <% resa: Testa%> dovrei essere <% = resa : testa%>
2. Se si desidera utilizzare più rispetto alla barra degli strumenti di base, è necessario comprendono sia a) pre-setup profilo o b) gli elementi della barra degli strumenti e plugin necessari per quegli articoli in ENTRAMBI la chiamata E la chiamata puny_mce. Questo rende senso - il include_puny_mce è istruire la pagina su cui javascript di cui ha bisogno, e la chiamata puny_mce è in realtà la costruzione l'uscita javascript necessario per generare il ricco editore.

Ecco un esempio ho messo insieme per dimostrare:

<% content_for :head do %> 
    <%= include_puny_mce :profiles => [:full] %> 
<% end %> 

<h1>New post</h1> 

<% form_for(@post) do |f| %> 
<%= f.error_messages %> 
<%= f.label :title, "Title" %><br /> 
<%= f.text_field :title %><br /> 
<%= f.label :content, "Post Content" %><br /> 
<%= f.text_area :content, :cols => 100 %> 
<%= puny_mce 'post_content', 'post_content', :profile => :full %> 
<p> 
    <%= f.submit 'Create' %> 
</p> 
<% end %> 

Spero che questo aiuta!

Answer 6

So che questa minaccia è piuttosto vecchia, ma mi sono imbattuto in alcune buone opzioni poche settimane fa, quindi nel caso in cui qualcun altro si trovi di fronte allo stesso problema, ho dato una risposta più risentita. Quindi il mio editor preferito è Froala (wysiwyg-editor se usi le guide) che sembra pulito, facile da gestire e supporta video incorporati, caricamento di immagini, upload di file ed è completamente personalizzabile fino al punto in cui puoi renderlo anche semplice per gli utenti di backend senza qualsiasi conoscenza dello sviluppo reattivo per posizionare correttamente gli oggetti sulla pagina per renderli pienamente reattivi. Abbiamo utilizzato questo editor per un numero di progetti ora e i clienti lo adorano.

La documentazione è soddisfacente ma potrebbe essere migliore se la si utilizza con framework come Rails e Django (come facciamo noi). Ma penso che stia migliorando su base mensile.

Un altro editor molto promettente è Quill (quill-rails se si utilizzano le guide). Non l'abbiamo ancora usato per progetti ma sperimentando. Una volta che avremo più esperienza, pubblicheremo alcune note qui e SSC.

Infine, se si desidera eseguire o offrire una modifica front-end reattiva, è possibile dare un'occhiata a x-editable. Guarda la demo - è abbastanza bello!