良いRails 3 WYSIWYGエディタ？

私は、Stackoverflowのものに似た、私のアプリにエディタを追加しようとしています。私は実際には基本的な書式（行間、太字、箇条書きなど）とコードを区別する機能（SOと同じスタイル）が必要です。良いRails 3 WYSIWYGエディタ？

これには良い解決策がありますか？

ありがとうございます！

出典

2011-01-04 Elliot

一般的なjavascript WYSIWYGライブラリを使用できます。ここにはWMD Editorがあり、それはBluecloth 2を使ってRailsアプリからレンダリングできるMarkdownをサポートしています。

出典

2011-01-04 13:23:47 Dogbert

レールプラグインでこのルビーを試してください：https://github.com/kete/tiny_mceこれは本当に強力で実装が簡単です。エディタをチェックしてくださいhttp://tinymce.moxiecode.com/

出典

2011-01-04 13:25:46 bavaga

Wysihat-Engineをぜひお試しください。それは私のアプリのための単純なwysiwygエディタを見つけるという私の問題を解決しました。そのシームレスで、さらにクリップを使用している場合37シグナルによって書かれた 'WYSIHAT'のラッパー。言及として

<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>

：

出典

2011-01-04 17:07:51 Shreyas

いいですが、このエディタには多くの問題があり、カスタマイズするのも非常に難しいです。 – fivetwentysix

FYI、37signalsのWysihatはPrototype（！）に依存しています。プロトタイプ（！）を使用しない限り、これはあなたが探しているWysiwygエディタではありません。 –

は私が

tinyMCEは、そのシンプルな使用することを、あなたは何をすべきかだけ <%= f.text_area :body, :rows => 20, :cols => 100, value: @some_object.body ? @some_object.body : '' %>

を追加し、そのページ自体にこのインラインスクリプトを使用使用することをお勧め基本的な書式設定だけで済むので、theme_advanced_buttonsを変更しました。

出典

2012-10-15 14:06:14

tinyMCEでそれを達成するさらに簡単な方法は、宝石を使用することですhttps://github.com/spohlenz/tinymce-rails – fotanus

tinyMCE,NicEdit,WYMeditorおよびRedactorがあります。 StackOverflow自体はWMD Editorを使用していますが、最新のリポジトリを見つけるのは難しいです。 TwitterのBootstrapフレームワークを使用している場合、bootstrap-wysihtml5は良い選択です。

TinyMCEの場合、Railsでの統合を容易にする適切なRuby宝石があります。すなわち、tinymce-railsとtinymce-rails-imageuploadです。

CKEditor（旧FCKeditor）は、最も一般的なWYSIWYGエディタの1つです。

出典

2013-03-18 11:22:57 0x4a6f4672

良いRails 3 WYSIWYGエディタ？

答えて

関連する問題