2011-09-02 10 views
7

Sto riscontrando problemi nel far funzionare WYSIWYG "comune" con Rails. Abbiamo anche dovuto farne uno con RedCloth per il momento.Cosa WYSIWYG funziona bene con jQuery e Ruby on Rails 3.1 (Pignoni)?

Ho provato a utilizzare tinymce-rails ma non sono riuscito a farlo funzionare. Anche provato nicEdit che ha funzionato, ma solo quando hai chiamato la libreria online (e sembra anche abbandonato).

Qualcuno ha lavorato con un buon WYSIWYG che è jQuery e Rails 3.1 (Pignoni) amichevole?

+0

tinymce sembra recente e dovrebbe funzionare. Che tipo di errore hai ricevuto? – nathanvda

+0

È recente ma è davvero difficile da implementare. L'idea è di avere una gemma o qualcosa che funzioni per le rotaie 3.1 (come esistono per le rotaie 3). – ersamy

+0

Dalla documentazione dovrebbe essere davvero facile. Che passo non ha funzionato? – nathanvda

risposta

13

che uso nel mio ckeditor Rails 3.1 app.

solo buttare la cartella in voi lib/attività/javascript e ogni volta che ne avete bisogno riferimento in questo modo:

= javascript_include_tag "ckeditor/ckeditor.js" 

E in javascript:

:javascript 
    $(function(){ 
    CKEDITOR.replace('input', 
     { 
     // Optional params: 
     skin : 'office2003', 
     height: '700px' 
     }); 
    }) 
+4

Nota: per lavorare su Heroku ho scoperto che dovevo aggiungerlo all'inizio di ckeditor.js: var CKEDITOR_BASEPATH = '/ assets/ckeditor /'; – Plattsy

+0

Funziona benissimo anche per me. Grazie per il consiglio. Passaggio da tiny_mce – allesklar

+0

Se sono necessari più campi ckeditor su una pagina, scegliere invece aloha-editor o editor di mercury. Mercury limita i browser a non-IE per la modifica, ma di solito non è un problema ... – leifcr

3

L'editor di Mercury sembra promettente. Ho intenzione di provarlo sul mio prossimo progetto di rotaie.

http://jejacks0n.github.com/mercury/

+0

Sto cercando qualcosa di più semplice, che comunque sembra fantastico. – ersamy

+0

Sei fortunato per non avere alcun cliente ie – AlfonsoML

+0

C'è un buon Railscasts [episodio] (http://railscasts.com/episodes/296-mercury-editor) che mostra come impostare Mercury. –

8

Dopo aver lottato con questo problema per tutto per un po ', ho trovato una soluzione per l'utilizzo di tinyMCE standard con Rails 3.1 e la pipeline di asset.

  1. Ho iniziato con il pacchetto jQuery tinyMCE.
  2. Creare una directory in fornitore per TinyMCE: /vendor/assets/javascripts/tiny_mce
  3. posto solo jquery.tinymce.js all'interno di /vendor/assets/javascripts/tiny_mce
  4. Posizionare i file TinyMCE rimanenti in una directory nella cartella /public/javascripts, all'interno di una directory chiamata tiny_mce
  5. Aggiungi TinyMCE a il vostro application.js in questo modo:

    //=require jquery 
    ... 
    //=require tiny_mce/jquery.tinymce.js 
    
  6. inizializzo TinyMCE nel mio.210 pure, e impostare un percorso script_url per dire TinyMCE che è file di supporto ora vivono nella mia directory public/javascripts/tiny_mce:

    $('.tinymce').each(function(i){ 
    $(this).tinymce({ 
        script_url : '/javascripts/tiny_mce/tiny_mce.js', 
        ... 
    

che dovrebbe funzionare. Ora stai utilizzando la pipeline di asset per caricare tinyMCE e servire le risorse di supporto e i javascript dalla directory pubblica.

+1

questo dovrebbe essere più in alto – pduersteler

0

Luuf ha già menzionato Aloha-Editor. Sebbene sia ancora in fase di forte sviluppo, sembra abbastanza promettente.

Basta inserire un file aloha-config.js in qualsiasi punto del percorso della risorsa, i file aloha vengono indirizzati a (vale a dire) vendor/asset.

Esempio di configurazione:

(function(window, undefined) { 
     if (window.Aloha === undefined || window.Aloha === null) { 
     var Aloha = window.Aloha = {}; 
      } 

    Aloha.settings = { 
     logLevels: {'error': true, 'warn': true, 'info': true, 'debug': false, 'deprecated': true}, 
     baseUrl: "/assets/lib", 
     errorhandling: false, 
     plugins: false 
    }; 
    })(window); 

La linea "baseurl" è più importante. Impostarlo su/assets/lib sembra garantire la compatibilità con la pipeline degli asset.

Non ho ancora provato la concatenazione, pubblicheremo un commento quando so come si comporta.

Saluti!

0

Aloha Editor

http://aloha-editor.org/

E 'difficile tra quella & Mercery - ma Aloha ha un posto più bello "sentire" ed ha il supporto del browser più ampio.