博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
为你的ROR应用安装FCKEditor
阅读量:6084 次
发布时间:2019-06-20

本文共 981 字,大约阅读时间需要 3 分钟。

FCKEditor是一个开源的,功能强大的富文本编辑器,在官方主页上有提供ASP,JSP,ASP.NET,PHP等版本,目前还没有rails的版本(可以设置,主要是要自己实现上传等功能),不过有一个plugin来实现此功能,有上传文件、拼写检查的功能。

1。首先到,下载0.3版本,解压缩后重命名文件夹为fckeditor,并放到你的应用的/vender/plugins下面,文件结构类似:

--rblog

    --vender

      --plugins

          --fckeditor

               --app

               --lib

               --public

               ...

2。然后在应用根目录下执行命令:rake fckeditor:install进行安装和设定。安装完成后就可以使用了,默认会在public下面新建一个uploads目录用来存放上传的文件。

3。使用方法:项目自带的readme写错的,下面是正确的做法。你首先要在页面引入js文件(当然也可以在layout中引入)

             <%= javascript_include_tag :fckeditor %>

(1)非AJAX方式:非常简单,首先你需要从你的action传来一个对象,如果没有你就会一直收到一个nil错误。假设为@artical=Artical.new,artical有一个content字段用来存储文章内容

然后在页面调用:

<%= fckeditor_textarea("artical", "content", :toolbarSet => 'Simple', :width => '100%', :height => '200px' )%>

如此一来,@artical.content将显示在fckeditor的编辑框内,我们这里为空

(2)AJAX方式调用:

<%= form_remote_tag :url => @options.merge(:controller => @scaffold_controller),

                    :before => fckeditor_before_js('note', 'text') %>

    <%= fckeditor_textarea( "artical", "content", :ajax => true ) %>

<%= end_form_tag %>

文章转自庄周梦蝶  ,原文发布时间5.17

转载地址:http://bauwa.baihongyu.com/

你可能感兴趣的文章
我的友情链接
查看>>
解决zabbix_get 获取不到自定义key一例
查看>>
DBNULL和NULL
查看>>
Confluence 6 有关 AD 的一些特殊说明
查看>>
linux系统管理之五:开机、关机、服务状态及系统密码修改
查看>>
Windows环境下的NodeJS+NPM+Bower安装配置
查看>>
LeetCode:Valid Number - 判断字符串中内容是否为数字
查看>>
Android 4.0 硬件加速
查看>>
Windows XP与NTP服务器自动更新时间的调整
查看>>
我的友情链接
查看>>
ubuntu 主机ssh root solaris虚拟机时候,输入密码报错 public key解决
查看>>
Silverlight和服务器端通信
查看>>
cookie注入&中转注入笔记
查看>>
跟Howard学LESS之初见LESS
查看>>
wap网页图片适配解决方案
查看>>
小菜学Chromium开发(一)OpenGL学习
查看>>
注解入门
查看>>
我的友情链接
查看>>
我的友情链接
查看>>
【MySQL】online ddl 工具之pt-online-schema-change
查看>>