2011-01-04 13 views
13

Ich möchte meiner App einen Editor hinzufügen, ähnlich dem auf Stackoverflow. Ich brauche nur ein paar grundlegende Formatierungen (Zeilenabstand, Fettdruck, Aufzählungszeichen usw.) und die Fähigkeit, Code zu unterscheiden (gleicher Stil wie SO).gut Rails 3 WYSIWYG-Editor?

Wer kennt schon gute Lösungen dafür?

Danke!

Antwort

0

Sie können jede generische Javascript WYSIWYG-Bibliothek verwenden. Hier ist WMD Editor, es unterstützt Markdown, die Sie von Ihrer Rails App mit Bluecloth 2 rendern können.

1

Ich würde Sie auf jeden Fall drängen, Wysihat-Engine zu versuchen. Es löste mein Problem, einen einfachen Wysiwyg-Editor für meine App zu finden. Es ist nahtlos, noch mehr, wenn Sie Büroklammer verwenden. Es ist ein Wrapper um den 'WYSIHAT' von 37signals.

+0

Es ist gut, aber, dieser Editor hat viele Probleme, auch sehr schwer anzupassen. – fivetwentysix

+2

FYI, 37signals Wysihat hängt von Prototype (!) Für seine Magie ab. Wenn Sie nicht Prototyp (!) Verwenden, ist dies nicht der von Ihnen gesuchte WYSIWYG-Editor. –

2

Ich schlage vor, tinyMCE

Seine Einfach zu verwenden zu verwenden, was Sie gerade <%= f.text_area :body, :rows => 20, :cols => 100, value: @some_object.body ? @some_object.body : '' %>

Und diesen Inline-Skript selbst auf dieser Seite hinzufügen tun müssen, verwenden:

<script type="text/javascript"> 
    tinyMCE.init({ 
    mode: 'textareas', 
    theme: 'advanced', 
    theme_advanced_toolbar_location : "top", 
    theme_advanced_buttons1 : "bold,italic,underline,separator,justifyleft,justifycenter,justifyright, justifyfull,forecolor,backcolor,formatselect,fontselect,fontsizeselect, link,unlink, image" 
    }); 
</script> 

Wie erwähnt Sie benötigten nur grundlegende Formatierungen, also änderten Sie einfach theme_advanced_buttons.

+0

Eine noch einfachere Möglichkeit, dies mit tinyMCE zu erreichen, ist die Verwendung des Edelsteins https://github.com/spohlenz/tinymce-rails – fotanus

6

tinyMCE, NicEdit, WYMeditor und Redactor sind mögliche Optionen. StackOverflow selbst verwendet den WMD-Editor, aber es ist schwierig, ein aktuelles Repository dafür zu finden. Wenn Sie das Bootstrap-Framework von Twitter verwenden, ist bootstrap-wysihtml5 eine gute Wahl.

Für TinyMCE gibt es geeignete Ruby-Bausteine, die die Integration in Rails erleichtern, nämlich tinymce-rails und tinymce-rails-imageupload.

CKEditor, der ehemalige FCKeditor, ist einer der beliebtesten WYSIWYG-Editoren.