Railsでのリッチテキスト編集の最適なオプションは何ですか？

StackOverflow https://stackoverflow.com/questions/197708

質問

管理者が指示を変更できるように、フォームの所定の場所でリッチテキスト編集を使用したいと思います。これを行うための最適なオプションは何ですか？

[明確にするために-管理者は技術的ではありませんが、マークアップを使用せずに、またはマークアップをできるだけ少なくして、一部の書式設定を制御したい場合があります。私が望んでいるのは、いくつかの書式設定コントロールを備えたRTEですべてのAJAXyをインラインで編集し、送信して、ページを変更せずにエンドユーザーに指示がどのように見えるかを確認できることです。

特にプラグインに関して、私が知りたいのは、どのリッチテスト編集プラグインがRailsでの使用に最適かということです。最も簡単な実装、最も明確なAPI、最も使いやすいインラインなど...]

役に立ちましたか？

解決

Tumblon の場合、 TinyMCE が、Yahooのリッチテキストエディターに切り替えています。リッチテキストエディターのドキュメントとデフォルトのルックアンドフィールが優れているため、TinyMCEの動作に奇妙な問題がありました。

どちらもRailsとの統合が非常に簡単です（結局JavaScriptにすぎません）。プラグインはありますが、実際には必要ありません。

他のヒント

私は過去に同様の苦労を経験し、YUIに落ち着きました。残念ながら、YUIの結果（少なくとも私にとっては、そして確かに、急いでリファクタリングしたことはありません）、ひどいhtmlです。

今夜、この投稿でつまずいたとき、PunyMCEを見つけました。それには2つの素晴らしいものがあります：1）信じられないほど軽量（その名前が示すように）、および2）既に作成されたrailsプラグインがあります：githubのpuny_mce。

見落としている/頭をかいていたいくつかのことを除いて、ドキュメントは十分です：

  1. <！> quot; Usage <！> quot;、<！> lt;％の下にタイプミスがあります yield：head％<！> gt; <！> lt;％= yield ：head％<！> gt;
  2. さらに使用したい場合 基本的なツールバーよりも、あなたがする必要があります a）事前設定を含む プロファイルまたはb）ツールバー項目 これらのアイテムに必要なプラグイン 両方のinclude_puny_mce呼び出し およびpuny_mce呼び出し。これにより センス-<=>は どのページに指示する 必要なjavascript、および <=>呼び出しは実際に構築中です に必要なJavaScript出力 リッチエディターを生成します。

デモ用にまとめた例を次に示します。

<% content_for :head do %>
  <%= include_puny_mce :profiles => [:full] %>
<% end %>

<h1>New post</h1>

<% form_for(@post) do |f| %>
 <%= f.error_messages %>
 <%= f.label :title, "Title" %><br />
 <%= f.text_field :title %><br />
 <%= f.label :content, "Post Content" %><br />
 <%= f.text_area :content, :cols => 100 %>
 <%= puny_mce 'post_content', 'post_content', :profile => :full %>
 <p>
     <%= f.submit 'Create' %>
 </p>
<% end %>

これが役立つことを願っています！

質問を完全に理解しているかどうかはわかりませんが、使用するエディターについて質問するだけでは、多くのオプションがあり、それらはどれもRailsの問題ではありません。 JavaScriptの小さな断片をマークアップに追加します。素敵で最新の概要はここにあります： http://bulletproofbox.com/web-based-rich-text-editors-compared/ 。

Railsには、マークアップ用の比較的単純な構文を提供する多くのテンプレート言語が実装されています。 Textileのgem実装であるRedCloth（ http://redcloth.org/ ）を使用したことがあります。結構いい。 Liquid（ http://www.liquidmarkup.org/ ）のようなものは、もう少し強力で、テンプレートを許可します実際にデータベース情報をインラインに含める。プロジェクトのニーズに応じて、両方とも適切に適合する可能性があります。

これらのソリューションのどちらも、インプレースのリッチテキストエディターを提供するものではありませんが、ドロップインソリューションになる可能性のあるバックエンドの良い出発点です。ただし、管理者に情報の入力のみを許可している場合は、平文の小さなエントリを怖がらないと思います。

ミラノの答えのリンクは壊れています。ありがたいことに、Ajaxian.comは、投稿内のさまざまなRTEへのリンクとそのコメントとともに、投稿の素晴らしい要約を行いました。

リンク： http://ajaxian.com/archives/richtexteditors-compared

この脅威はかなり古いことはわかっていますが、数週間前にいくつかの良いオプションを探していたので、他の誰かが私と同じ問題に直面している場合に備えて、私はより多くの返信をします。私のお気に入りのエディターは Froala （ wysiwyg-editor Railsを使用している場合）見た目がきれいで、埋め込みビデオ、画像のアップロード、ファイルのアップロードを簡単にサポートします。レスポンシブ開発の知識がなくてもバックエンドユーザーが簡単にできるようにして、アイテムをページに正しく配置して完全にレスポンシブにするようにします。現在、このエディターは多くのプロジェクトで使用されており、クライアントはそれを気に入っています。

ドキュメンテーションは満足のいくものですが、RailsやDjangoなどのフレームワークで使用している場合は改善される可能性があります（私たちもそうです）。しかし、私はそれが毎月改善されていると思います。

もう1つの非常に有望なエディターは、 Quill （ quill-rails を使用している場合）。まだプロジェクトには使用していませんが、実験中です。経験を積んだら、ここと SSC にいくつかのメモを投稿します。

最後に、レスポンシブなフロントエンド編集を行うか提供したい場合は、 x編集可能。デモをご覧ください-とてもすてきです！

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