ホーム 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を編集すればよい

以上。

記事を共有

最近人気な記事