質問

Rails アプリで簡単に動作する WYSIWYG エディターに適した Ruby gem はありますか?

役に立ちましたか?

解決

確かに直接的な答えではありませんが、これまでは 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 のようです。

一部の Google ユーザーの役に立てば幸いです。

Ruby Gemについてはよくわかりませんが、 TinyMCE はカスタマイズ可能で、一般に安定した WYSIWYG エディターであり、あらゆるプロジェクトとの統合が非常に簡単です。何度も利用させていただきました。

同様の質問: Rails に最適な WYSIWYG は何ですか - Ruby on Rails ブログ

同じソリューションをここにも貼り付けました。

WYSIHAT を試してみることを強くお勧めします。上記のエディタの最大の問題は、サイズが大きいことと「カスタマイズが難しい」ことです。これらのエディターのほとんどにある不適切なコードは、大きな問題となります。WYSIHAT は、WYSIWYG エディターのフレームワークに似ています。カスタマイズが非常に簡単です。設定が簡単。そしてさらに何が..37signals によってサポートされています。TinyMCE について私が感謝しているのは、レイアウトを保存する Word からの貼り付け機能です。しかし、その 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/

そして、あなたの作業をさらに容易にするために、37signals WYSIHAT エディター用に Jeff Kreeftmeijer (80beans.com) によって開発された素晴らしい Rails エンジンがあります。 http://github.com/80beans/wysihat-engine

Jeff Kreeftmeijer による記事は次のとおりです。 http://www.80beans.com/2009/10/01/wysihat-engine/

FCKEditorOnRails プラグインを使用します。 http://github.com/UnderpantsGnome/fckeditor_on_rails/tree/master

古いバージョンでバグが発生した場合は、通常、大きな調整をせずに FCKEditor の最新バージョンをドロップできることに注意してください。

見て http://livepipe.net/control/textarea選択した回答に記載されている AJAXY プレビューを備えた WYSIWYG マークダウン エディターの場合。

Rails で TinyMCE を使用するためのプラグインがあり、それに関する多くの情報があります。 レールウィキ.

FCKEditor に +1 - ヘルパーを含む優れた Rails プラグインがあります。ただし、すべてを備えているため、過剰になることがよくあります。多くの場合、jQuery の WYSIWYG エディターなど、もう少し単純なものがテキスト領域入力をラップするのに最適です。

私は CKeditor gem が大好きです。特に生の HTML を扱う場合、TinyMCE よりもはるかにエレガントです。CKeditor がページに表示されます -- TinyMCE がポップアップを表示します。CKeditor を使用すると、すぐにすべての見出しなどにアクセスできます。TinyMCE にはハッキングが必要です。

RedCloth がすべての HTML をサポートできないことは、私にとっては大きな問題でした。(特に、画像に説明やキャプションを付けることはサポートできません!!!!) 私はマークアップはあまり気にしませんでしたが、完全に柔軟性が欠如していました。さらに、それは新しい言語を学ぶようなものでした。マークアップの多くは直感的とは逆のものでした (画像の配置など)。寄稿者にそのすべてを学ぶように求めることは、私には想像できませんでした。

ただし、コメントの場合は、より軽量のものを使用します。

私は CKEditor (gem "ckeditor") でひどい経験をしました。なんとかローカルマシンで動作させることができましたが、Heraku にデプロイしようとすると多くの問題が発生しました。Heroku 上で自動的にコードをプリコンパイルするにはコードが重すぎるようです...ということは、かなり駄目ということですね…

編集:解決:JavaScript を Heroku にデプロイする前に、必ずプリコンパイルしてください。

私は、HTML を編集するために Web アプリケーションと統合した Java Script ソリューションである Tiny MCE を使用します。

http://www.tinymce.com/

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top