Was funktioniert WYSIWYG gut mit jQuery und Ruby on Rails 3.1 (Ritzel)?

7

Ich habe Probleme damit, "gewöhnliche" WYSIWYGs mit Rails zu arbeiten. Wir mussten sogar einen selbst mit RedCloth für den Moment machen.

Ich habe versucht, tinymce-rails zu verwenden, aber es konnte nicht funktionieren. Auch versucht nicEdit das funktionierte aber nur, wenn man die Online-Bibliothek anrief (und auch aufgegeben aussieht).

Hat jemand mit einem guten WYSIWYG gearbeitet, das jQuery und Rails 3.1 (Ritzel) freundlich ist?

    
ersamy 02.09.2011, 19:31
quelle

6 Antworten

13

Ich verwende ckeditor in meiner Rails 3.1-App.

Wirf den Ordner einfach in deine lib / assets / javascripts und wenn du es brauchst, referenziere es wie folgt:

%Vor%

Und in Javascript:

%Vor%     
Plattsy 11.09.2011, 08:24
quelle
8

Nachdem ich eine Weile mit diesem Problem zu kämpfen hatte, fand ich eine Lösung für die Verwendung des standardmäßigen tinyMCE mit Rails 3.1 und der Asset-Pipeline.

  1. Ich habe mit dem tinyMCE jQuery-Paket angefangen.
  2. Erstellen Sie ein Verzeichnis im Anbieter für tinyMCE: /vendor/assets/javascripts/tiny_mce
  3. Platziere nur jquery.tinymce.js innerhalb von /vendor/assets/javascripts/tiny_mce
  4. Platzieren Sie die verbleibenden tinyMCE-Dateien in einem Verzeichnis in Ihrem /public/javascripts -Ordner innerhalb eines Verzeichnisses mit dem Namen tiny_mce .
  5. Fügen Sie tinyMCE zu Ihrem application.js wie folgt hinzu:

    %Vor%
  6. Ich initialisiere tinyMCE auch in meinem application.js und setze einen script_url -Pfad, um tinyMCE mitzuteilen, dass es jetzt Dateien in meinem public/javascripts/tiny_mce -Verzeichnis unterstützt:

    %Vor%

Das sollte funktionieren. Jetzt verwenden Sie die Asset-Pipeline, um tinyMCE zu laden und die unterstützenden Assets und Javascripts aus dem öffentlichen Verzeichnis zu bedienen.

    
jaeysin 23.09.2011 00:47
quelle
3

Der Mercury Editor sieht vielversprechend aus. Ich plane, es auf meinem nächsten Schienenprojekt zu versuchen.

Ссылка

    
Nvick 02.09.2011 19:35
quelle
0

Versuchen Sie MarkitUp

Ссылка

    
Harish Shetty 11.09.2011 02:20
quelle
0

Luuf hat Aloha-Editor bereits erwähnt. Obwohl es sich noch in der Entwicklung befindet, sieht es ziemlich vielversprechend aus.

Legen Sie einfach eine aloha-config.js-Datei irgendwo in Ihrem Asset-Pfad ab, die aloha-Dateien werden an (d. h.) Vendor / Assets gesendet.

Beispielkonfiguration:

%Vor%

Die Zeile "baseUrl" ist am wichtigsten. Die Einstellung auf / assets / lib scheint die Kompatibilität mit der Asset-Pipeline sicherzustellen.

Habe die Verkettung noch nicht probiert, werde einen Kommentar posten, wenn ich weiß wie es sich verhält.

Grüße!

    
Marc 03.11.2011 08:43
quelle
0

Aloha-Editor

Ссылка

Es ist hart zwischen diesem & amp; Mercery - aber Aloha hat ein schöneres "Gefühl" und es hat eine breitere Browserunterstützung.

    
Duke 05.06.2012 02:07
quelle