原因:自己做一个RichEdit耗费的时间较多,而且项目时间比较赶,所以选择了一个较为便宜的RichEdit插件使用。
JS-RichEdit 主页:http://www.gerd-tentler.de/tools/richedit/
使用前请注意下Usage Policy:
This software is freeware for non-commercial use. If you like it, please feel free to make a donation! However, if you intend to use it in a commercial project / website, please donate at least €20. Thank you! :-)
Also please note that this software is not open source, i.e. you are allowed to make modifications for your own personal use, but you may not distribute the original or the modified code without permission. If you change the code, there should be no modification of the copyright message. You should, however, add a message below the copyright message and list your modifications there.
我下个星期会对Js-RichEdit做中文化处理,到时候会对如何做中文化处理进行简单的说明。由于Policy,我没有权力公开传播修改过后的js文件,请见谅。
下载richedit.zip文件,解压在rails的public/javascripts目录下。打开richedit.js文件,找到这两行: 这样可以保证richedit找到内置的icon图片。
js 代码
- this.iconPath = "icons";
- this.bulletpoint = "bp.gif";
修改为:
js 代码
- this.iconPath = "/javascripts/icons";
- this.bulletpoint = "/javascripts/bp.gif";
使用方法如下,在里面引入js source(作者推荐的),Rails里面是这样:
java 代码
- <%= submit_tag "发表回复", :onClick => "rtoStore()" %>
再需要使用的地方,加入如下代码:
js 代码
- var editor = new EDITOR();
- editor.setFocus = true;
- editor.create("<!---->");
上面的代码是将@group对象中的board_information属性放入richeditor中。
需要注意的是必须对\r 或者 \n 进行转换,因为如果文本中出现\r或者\n会出现javascript错误。
原文如下:
Please note that your content may not include any CR or NL characters, or else you will get a JavaScript error.
在表单提交代码中加入:
java 代码
- <%= javascript_include_tag "richedit" %>
这样提交的时候就会执行rtoStore方法,然后我们就可以通过params[:richEdit0]来访问RichEditor内容,将其赋予Model相应属性即可使用。现在的版本没有支持中文化处理。但实际上中文化也是很简单的,下周我会抽空对JS-RichEdit进行全面的中文化。
- 描述: 效果图
- 大小: 9 KB
分享到:
- 2007-07-29 21:58
- 浏览 2576
- 评论(1)
- 论坛回复 / 浏览 (1 / 3136)
- 查看更多
相关推荐
jquery-fileupload-rails, 用于 Rails的jQuery文件上传集成 Rails 文件上传jQuery-File-Plugin 是一个文件上传插件,由的Tschan 。 jQuery文件上传功能多文件选择。drag&拖放支持。进度栏和jQuery预览图像。 支持...
jquery-datatables-rails, 用于 Rails的jquery数据表 gem jquery-datatables-rails 这个 gem 为 jQuery DataTables插件提供了方便,以便与 Rails 资产pipleine结合使用。 它提供所有基本的datatable文件,以及一些...
critical-path-css-rails, 在 Rails 中,只加载初始viewport所需的CSS ! critical-path-css-rails 仅加载 Rails 中初始viewport所需的CSS !这个 gem 让你只需要在初始页面视图中加载所需的CSS 。 这给你 blazin'...
twitter-bootstrap-rails, 用于 Rails 5 4.x 资产管道的Twitter Bootstrap 用于 Rails 5和 Rails 4资产管道的 Twitter BootstrapBootstrap 是 Twitter的工具包,旨在开发网络应用程序和站点的kickstart 。...
adminlte-rails, AdminLTE Rails gem 将AdminLTE主题与 Rails 资产管道集成 AdminLTE Rails gem AdminLTE 是后端的高级 Bootstrap 主题。英镑 AdminLTE Rails gem 与 Rails 资产管道集成了英镑AdminLTE主题。安装将...
breach-mitigation-rails, 使 Rails 应用程序更能抵御入侵和犯罪攻击 breach-mitigation-rails使 Rails 3和 4应用程序 LESS 容易受到入侵/犯罪攻击的攻击。 有关详细信息,请参阅 breachattack.com 。工作原理这里 ...
jquery-validation-rails, 对 Rails 资产管道的jQuery验证 :: 验证:: rails针对 Rails 资产管道的验证 。安装这里 gem将以下行添加到项目的Gemfile 中:gem 'jquery-validation-rails'在你的终端中运行以下命令:cd...
js-namespace-rails可以通过使用它的方法来命名空间并根据哪个Rails控制器动作处于活动状态来选择性地执行某些JavaScript,从而解决此问题。 安装 将此行添加到您的应用程序的Gemfile中: gem 'js-namespace-rails...
3. **ActiveRecord**:这是Rails用于数据库操作的部分,它将数据库表与Ruby类关联起来,提供了简便的CRUD(创建、读取、更新、删除)操作,使得数据库操作变得简单直观。 4. **SASS和Bootstrap**:Angle-admin可能...
bower-rails, 在 Rails 上,为 Bower 设置类似 DSL + rake任务 rails Bower 对 Rails 项目的支持。 依赖文件是 Rails root 目录中的bower.json,如果使用 DSL,则为 Bowerfile 。 查看最新变更和发布的变更日志文件...
backbone-rails, 在 Rails 3.1中轻松使用 backbone.js 主干 rails 轻松设置并使用 Rails 3.1和更高版本的backbone.js ( 1.2.2 )##Version#####Github 主 branch###gem 版本:1.2.2Backbone 版本:1.
rails-assets, 在 Rails 中,资产管理的解决 Rails 资产 Bundler 到 Bower 代理本自述文件涉及项目的开发方面。 访问站点了解如何在你的应用程序中使用 Rails 资产。 插件开发设置git clone git@github.com:tenex/r
《jQuery UI与jQuery UI Rails整合应用详解》 在Web开发领域,jQuery UI和Rails框架的结合使用能够构建出功能丰富、交互性强的用户界面。本文将深入探讨如何将这两个强大的工具集结合,以提升Web应用的用户体验。 ...
Api-jsonapi-rails.zip,rails gem for fast jsonapi compliant api.jsonapi-rails,一个api可以被认为是多个软件设备之间通信的指导手册。例如,api可用于web应用程序之间的数据库通信。通过提取实现并将数据放弃到...
- **路由与RESTful架构**:讲解Rails的路由机制及其与RESTful架构的关系。 - **表单与用户输入处理**:教授如何在Rails应用中处理表单提交及用户输入数据。 - **测试与部署**:介绍如何对Rails应用进行单元测试和...
airbnb-clone, 使用 Rails Trieu的教程克隆 Airbnb 使用 Rails 克隆 Airbnb Trieu教程访问 https://code4startup.com/projects/airalien-clone-airbnb-with-ruby-on-rails-bootstrap-jque
安装将此行添加到您的应用程序的Gemfile中: gem 'intl-tel-input-rails'然后执行: $ bundle或自己安装为: $ gem install intl-tel-input-rails用法将以下指令添加到您的Javascript清单文件中: //= require ...
BrowserTimezoneRails Rails Engine,它为每个请求将Rails时区设置为... (对于gem的1.0.4版本,该cookie是通过 javascript库设置的,但是,这通常是不准确的。) 然后,在每个请求中为该用户设置Rails时区时读取
CVE-2020-8163-在Rails中远程执行用户提供的本地名称的代码 在Rails <5.0.1中远程执行用户提供的本地名称 5.0.1之前的Rails版本中存在一个漏洞,该漏洞将允许攻击者控制render调用的locals参数。 已为该漏洞...
async-rails, 异步 Rails 3堆栈演示 异步 Rails 3.1堆栈演示重要警告:当你使用 Rails 时,应该注意到当堆栈增长时,你可以得到堆栈溢出错误超过 4Kb ( 但对于大多数情况来说),随着 3.1版本的增加,这变得更加糟糕...