その他
    ホーム 技術発信 DoRuby Ruby On Rails Rich Text Editor YUI EDITOR

    Ruby On Rails Rich Text Editor YUI EDITOR

    この記事はアピリッツの技術ブログ「DoRuby」から移行した記事です。情報が古い可能性がありますのでご注意ください。

    どもrick No.13です。

    今回は、YUI EDITORと呼ばれるPluginで、
    ユーザが、htmlなどを知らなくても簡単に文字を装飾できたりします。

    install

    $ruby script/plugin install git://github.com/larsklevan/yui_editor.git

    これでinstallできない場合は、

    http://github.com/larsklevan/yui_editor/tree/master

    ここからdownloadしてvendar/pluginに解凍

    設定

    downloadしてきたフォルダ
    自分の場合は、vendor/plugins/larsklevan-yu-_editor/yui_editor.yml.tpi

    $mv yui_editor.yml.tpi yui_editor.yml

    にリネームしてconfig/にコピーする

    config/yui_editor.yml

    javascript_base_uri: //yui.yahooapis.com

    javascript_base_uri; http://yui.yahooapis.com

    YUI EDITORを使用したいcontroller

    class …. < ApplicationControler
    uses_yui_editor
    end

    header

    <head>
    &;t%= include_yui_editor_if_used %>
    </head>

    form

    <%= f.text_area column, :class => “rch_text_editor” %>

    view

    viewにこれかくとscriptが無効になるが色がつかなくなる

    <%= sanitize @test.body %>

    YUI EDITORの表示を変えたいときは、
    config/yui_editor.ymlを編集すればよい

    以上。