ライズリッチテキストエディタ

17947 ワード

Kindditorは国産の見るところすなわち所得javascriptリッチテキストエディタで、訪問します。  http://www.kindsoft.net もっと多くの情報を得る。kindditorはあなたのLalsプログラムの集成を助けることができます。写真と添付ファイルのアップロード機能を含みます。ファイルはタイプ、日付によって保存します。
注意:ライルスkindditor~>v 0.3.0はRails 3.1+!もちろん、Rails 3.1とRails 3.2が含まれています。トライls 3.0.xを使うなら、ライルス_を使ってください。キンデトットv 0.2.8
設置と使用
以下のコードをGemfileに追加します。
  gem 'rails_kindeditor', '~> 0.3.11'
「bundle」コマンドを実行します。
  bundle
Kindditorをインストールして、次のコードを実行します。
  rails generate rails_kindeditor:install
使用方法:
  1. <%= kindeditor_tag :content, 'default content value' %>
     # or <%= kindeditor_tag :content, 'default content value', :width => 800, :height => 300 %>
     # or <%= kindeditor_tag :content, 'default content value', :allowFileManager => false %>
  2. <%= form_for @article do |f| -%>
       ...
       <%= f.kindeditor :content %>
       # or <%= f.kindeditor :content, :width => 800, :height => 300 %>
       # or <%= f.kindeditor :content, :allowFileManager => false %>
       ...
     <% end -%>
いつものように、kideditor自身の初期化パラメータを使ってもいいです。訪問してください。  http://www.kindsoft.net/docs/option.html より多くのパラメータを表示します。
また、ライルスキンデトットはまた、簡単なモードのkideditorを迅速に使用するために、「シンプル」パラメータを提供します。
  kindeditor_tag :content, 'default content value', :simple_mode => true
  f.kindeditor_tag :content, :simple_mode => true
  f.input :content, :as => :kindeditor, :input_html => { :simple_mode => true } # simple_form & formtastic  
終わり
SimpleFormとFormtasticは一体化しています。
シンプル_フォームm:
  <%= form.input :content, :as => :kindeditor, :label => false, :input_html => { :width => 800, :height => 300 } %>
formtastic:
  <%= form.input :content, :as => :kindeditor %>
  <%= form.input :content, :as => :kindeditor, :input_html => { :height => 300 } %>
どうやってキンデトットの内容を取得しますか?
  <%= form_for @article do |f| %>
    <%= f.kindeditor :content, :editor_id => 'my_editor' %>
  <% end %>
下記のJavascriptコードで内容を取得できます。
  // Javascript code
  my_editor.html();
アップロード画像とファイルの設定
「LIls generate LIls deditor:install」を実行すると、コンフィグ/initializersフォルダにプロファイルをコピーします。以下のアップロードオプションを設定できます。
  #       ,        ,    public   .
  # You can customize it , eg: config.upload_dir = 'this/is/my/folder'
  config.upload_dir = 'uploads'

  #            .
  config.upload_image_ext = %w[gif jpg jpeg png bmp]
  config.upload_flash_ext = %w[swf flv]
  config.upload_media_ext = %w[swf flv mp3 wav wma wmv mid avi mpg asf rm rmvb]
  config.upload_file_ext = %w[doc docx xls xlsx ppt htm html txt zip rar gz bz2]

  #       ,  mini_magick
  #               =>     
  # eg: 1600x1600 => 800x800
  #     1600x800  => 800x400
  #     400x400   => 400x400 #               
  # config.image_resize_to_limit = [800, 800]
アップロードファイル情報をデータベースに記録する(オプション)
ライルス.kideditorは、アプリケーションを拡張するために、アップロードファイル情報をデータベースに記録することができます。
次のコードを実行します。2つのオプションがあります。1.active_record 2.mongoid、デフォルトはactive uです。レコード
  rails generate rails_kindeditor:migration
  or
  rails generate rails_kindeditor:migration -o mongoid
次のコードを実行します。
  rake db:migrate
あなたが使用しているのがモンゴルドなら、あなたのGemfileに'gem'carrierwave-mongoid'を入れてください。
  gem 'carrierwave-mongoid'
License
MIT License.