21

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

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

特にプラグインに関しては、どの Rich Test Editing プラグインが Rails での使用に最適かを知りたいです。最も簡単に実装でき、最も明確な API、最も使いやすいインラインなど...]

4

7 に答える 7

12

TinyMCEから始めましたが、 TinyMCEの動作方法に奇妙な問題があり、Rich Text Editor のドキュメントとデフォルトのルック アンド フィールが優れているため、 Yahoo のRich Text Editorに切り替えています。

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

于 2008-10-13T17:07:18.737 に答える
6

私は過去に同様の苦労を経験し、YUI に落ち着きました。残念ながら、YUI の結果 (少なくとも私にとっては、そして確かに、私は急いでやり直したことはありません) はひどい html になります。

そして今夜、この投稿に出くわしたとき、PunyMCE を見つけました。これには 2 つの素晴らしい点があります。1) 信じられないほど軽量であること (その名前が示すように)、2) github に puny_mce という Rails プラグインが既に作成されていることです。

ドキュメンテーションは十分ですが、私が見落としていた/頭を悩ませていたいくつかのことを除いて:

  1. 「使用法」の下にタイプミスがあります。<% yield :head %> は <%= yield :head %> にする必要があります
  2. 基本ツールバー以外を使用する場合は、a) 事前設定プロファイル、または b) ツールバー項目とそれらの項目に必要なプラグインのいずれかをinclude_puny_mce呼び出しと呼び出しの両方に含める必要がありpuny_mceます。これは理にかなっています -- はinclude_puny_mce必要な JavaScript をページに指示しており、 puny_mce呼び出しは実際にはリッチ エディターを生成するために必要な 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 %>

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

于 2009-10-15T03:08:20.007 に答える
3

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

于 2008-10-13T14:28:18.853 に答える
2

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

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

于 2008-10-13T14:38:57.880 に答える
2

ミラノの回答のリンクが壊れています。ありがたいことに、Ajaxian.com は、投稿内のすべてのさまざまな RTE へのリンクとそのコメントを含む、投稿の優れた要約を作成しました。

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

于 2008-10-14T02:51:11.193 に答える
0

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

ドキュメンテーションは満足のいくものですが、Rails や Django などのフレームワークで使用している場合 (私たちが行っているように)、より良いものになる可能性があります。でも、月単位で改善されていると思います。

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

最後に、レスポンシブなフロントエンド編集を行いたい、または提供したい場合は、x-editable をご覧になることをお勧めします。デモをチェックしてください - それはかなりきれいです!

于 2015-12-30T17:31:14.787 に答える