Rails アプリで簡単に動作する WYSIWYG エディター用の優れた ruby gem はありますか?
12 に答える
確かに直接的な答えではありませんが、過去に、RedCloth (または、Textile を楽しんでいない場合は Markdown パーサー) を使用し、AJAXy プレビューを備えた単純なテキストエリアを使用することを好むことがわかりました。一般的に言えば、WYSIWYG エディターには冗長なタグなどを作成してきた長い歴史があり、HTML の断片が壊れる可能性があります。
これが回答されていることは知っていますが、テキスタイルの使用に関して追加したかった... 完全に同意しますが、before_save
フィルターで処理することをお勧めします. " "という名前のデータベース フィールドがあるとします。 details
" " という名前のフィールドを追加するだけdetails_html
です。次に、このようなことをしてください...
before_save :convert_details
def convert_details
return if self.details.nil?
self.details_html = RedCloth.new(self.details).to_html
end
RedCloth は少しプロセスが重くなる可能性があり、レンダリングごとに常に処理していると、メモリの問題が発生する可能性があります...これは、必要なリソースの一部を削減するのに役立ちます.
2010 年の更新。TinyMCE gem を使用して Rails アプリに TinyMCE を実装しました。
ここで見つけることができます: http://github.com/kete/tiny_mce
5 分もかからず、基本的なテストでは完全に機能しています。2010 年 6 月にコミットがあったため、これは積極的に開発された gem のようです。
一部のグーグルユーザーに役立つことを願っています。
同様の質問: Rails に最適な WYSIWYG は何ですか - Ruby on Rails ブログ
ここにも同じソリューションを貼り付けました。
WYSIHAT を試してみることを強くお勧めします。上記のエディターの最大の問題は、そのかさばるサイズと「カスタマイズが難しい」(機能) ことです。これらのエディターのほとんどの悪いコードは、大きなターンオフです。WYSIHAT は、WYSIWYG エディターのフレームワークに似ています。カスタマイズが非常に簡単。設定が簡単。さらに、37signals に裏打ちされています。TinyMCE について私が感謝しているのは、レイアウトを保持する単語機能からの貼り付けです。しかし、その1つの機能がなければ、残りは本当にかさばります.
この記事を読んでください: http://37signals.com/svn/posts/1330-introducing-wysihat-an-eventually-better-open-source-wysiwyg-editor
WYSIHAT の使用に関するチュートリアル: パート 1: http://jrmehle.com/2009/01/25/wysiwhat-wysihat-part-1/
パート 2: http://jrmehle.com/2009/02/13/wysiwhat-wysihat-part-2/
そして、あなたの生活をさらに楽にするために、Jeff Kreeftmeijer (80beans.com) が 37signals WYSIHAT エディター用に開発した素晴らしいレールエンジンがあります: http://github.com/80beans/wysihat-engine
Jeff Kreeftmeijer の記事: http://www.80beans.com/2009/10/01/wysihat-engine/
Ruby Gem についてはよくわかりませんが、TinyMCEはカスタマイズ可能で、一般的に安定した WYSIWYG エディターであり、どのプロジェクトとも簡単に統合できます。私はそれを何度も使用しました。
FCKEditorOnRails プラグインを使用します: http://github.com/UnderpantsGnome/fckeditor_on_rails/tree/master
古いバージョンでバグが発生している場合は、通常、あまり調整せずに最新バージョンの FCKEditor をドロップできることに注意してください。
選択した回答に記載されているAJAXY プレビューを使用した WYSIWYG マークダウン エディターについては、http : //livepipe.net/control/textarea をご覧ください。
TinyMCE を rails で使用するためのプラグインがあり、 rails wikiに多くの情報があります。
FCKEditorの+1-ヘルパーを含む素晴らしいRailsプラグインがあります。ただし、すべてを備えているため、やり過ぎになることがよくあります。多くの場合、jQueryのWYSIWYGエディターなどの少し単純なものは、テキスト領域の入力をラップするのに最適です。
私はCKeditor gemが大好きです。特に生の HTML を扱う場合は、TinyMCE よりもはるかにエレガントです。CKeditor がページに表示されます。TinyMCE はポップアップを表示します。CKeditor を使用すると、箱から出してすぐにすべての見出しなどにアクセスすることもできます。TinyMCE にはハッキングが必要です。
RedCloth がすべての HTML をサポートできないことは、私にとって大きな問題でした。(特に、画像に説明やキャプションを付けることはサポートできません!!!!) 柔軟性が完全に欠如していることほどマークアップは気にしませんでした。さらに、それは新しい言語を学ぶようなものでした。マークアップの多くは直感的とは正反対のものでした (画像の位置合わせなど)。寄稿者にそのすべてを学ぶように依頼することは想像できませんでした。
コメントには、もっと軽いものを使用します。
Tiny MCE を使用します。これは、HTML を編集するために Web アプリケーションと統合した Java Script ソリューションです。