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

Question

Vorrei utilizzare la modifica Rich Text in atto sui 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 alcuni formati senza usare markup o con il minor markup possibile. Quello che mi piacerebbe è che fossero in grado di modificare in linea tutto AJAXy con un RTE con alcuni controlli di formattazione e quindi inviare e poter vedere come appariranno le istruzioni all'utente finale senza cambiare pagina.

Con i saluti specifici per i plug-in, ciò che vorrei sapere è quali plug-in Rich Test Editing sono i migliori da utilizzare in Rails. API più semplice da implementare, più chiara, in linea più semplice da usare, ecc ...]

Answer 1

Per Tumblon , abbiamo iniziato con TinyMCE ma stiamo passando al Rich Text Editor di Yahoo perché lì sono stati alcuni strani problemi con il modo in cui TinyMCE ha funzionato e perché la documentazione dell'editor Rich Text e l'aspetto predefinito sono superiori.

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

Answer 2

Ho attraversato lotte simili in passato e mi ero sistemato su YUI. Sfortunatamente, i risultati YUI (almeno per me, e devo ammetterlo, mi sono precipitato e non sono mai stato ripensato), in html terribile.

Quindi stasera, quando mi sono imbattuto in questo post, ho trovato PunyMCE. Ci sono 2 cose fantastiche al riguardo: 1) è incredibilmente leggero (come suggerisce il nome), e 2) c'è un plug-in di rotaie che è già stato creato per esso: puny_mce su github.

La documentazione è abbastanza buona, tranne per un paio di cose che ho trascurato / che mi hanno fatto grattare la testa:

1. C'è un errore di battitura in " Uso " ;, <% resa: head% > dovrebbe essere <% = rendimento : head% >
2. Se vuoi usarne di più rispetto alla barra degli strumenti di base, è necessario includere a) la pre-installazione profilo o b) gli elementi della barra degli strumenti e plug-in richiesti per tali elementi in SIA la chiamata include_puny_mce E la puny_mce chiamata. Questo fa senso - <=> è istruire la pagina su cui di cui ha bisogno, e il <=> la chiamata sta effettivamente costruendo l'output javascript richiesto per genera il ricco editor.

Ecco un esempio che 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 aiuti!

Answer 3

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

Answer 4

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

Nessuna di queste soluzioni da sola darebbe un editor di testi avanzato sul posto, ma è un buon punto di partenza sul backend per quella che potrebbe essere una soluzione drop-in. Se permetti solo agli amministratori di inserire informazioni, immagino che non si spaventerebbero di una piccola voce di testo in chiaro.

Answer 5

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

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

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 ad affrontare lo stesso problema, come ho fatto io, ho dato una risposta più risentita. Quindi il mio editor preferito è Froala ( wysiwyg-editor se stai usando rails) che sembra pulito, è facile da gestire e supporta video incorporati, upload di foto, upload di file ed è completamente personalizzabile fino al punto in cui puoi persino rendere semplice per gli utenti back-end senza alcuna conoscenza dello sviluppo reattivo posizionare correttamente gli elementi nella pagina per renderli completamente reattivi. Ora abbiamo utilizzato questo editor per numerosi progetti e i clienti lo adorano.

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

Un altro editor molto promettente è Quill ( quill-rails se stai usando le rotaie). Non l'abbiamo ancora usato per progetti ma sperimentando. Quando avremo più esperienza, pubblicheremo alcune note qui e SSC .

Infine, se desideri effettuare o offrire modifiche front-end reattive, potresti dare un'occhiata a x-modificabile "nofollow". Dai un'occhiata alla demo - è abbastanza pulito!