Kindeditor(4.x) for Rails3 中文文档
可供Rails3使用的gem, 包括了图片和附件上传功能,文件按照类型、日期进行存储。上传采用了Carrierwave。
安装
将下面代码加入Gemfile:
gem "carrierwave"
gem "rails_kindeditor"
运行“bundle”命令:
bundle
安装Kindeditor,运行下面的代码:
rails generate rails_kindeditor:install
完毕!默认情况下,rails_kindeditor在上传文件时不会把文件信息记录入数据库。
使用
在你的layout文件中的<head></head>内包含下面代码:
<%= include_kindeditor_if_needed %>
在你需要使用的controller里面,包含下面代码来控制加载javascript:
include_kindeditor
或者
include_kindeditor
nly => [:new, :edit]
把需要转换的textarea赋予下列id值:
:id => "kindeditor_id"
完毕!
将上传文件信息记录入数据库(可选)
rails_kindeditor 可以将上传文件信息记录入数据库,以便扩展应用.
运行下面的代码,有两项选项:1.active_record 2.mongoid,默认是active_record。
rails generate rails_kindeditor:migration
or
rails generate rails_kindeditor:migration -o mongoid
运行下面的代码:
rake db:migrate
完毕!
配置选项(可选)
你可以有选择性地加载kindeditor的javascript:
include_kindeditor
nly => [:new, :edit]
include_kindeditor :except => [:index, :show, :destroy, :create]
你可以通过修改kindeditor-init.js来配置kindeditor,详细配置方法可以阅读Kindeditor的文档:
public/kindeditor/kindeditor-init.js [Rails3.1]
public/javascripts/kindeditor/kindeditor-init.js [Rails3.0.x]
最后,rails3.1在app下有assets文件放有所有的js、css等。把public文件下的kindeditor文件夹剪切到assets/javascripts目录下,在layout文件中无须添加
<%= include_kindeditor_if_needed %>这句。
layout中有这句:<%=javascript_include_tag 'application'%>就可以引用到所有kindeditor文件内容
把配置文件kindeditor-init.js中的kindeditor_id改成你所须id(注意:kindeditor_id可能不能用这个id,换别的id就可以用了。)
如果一个界面有两个编辑器,kindeditor-init.js中配置,如下所写
$(document).ready(function(){
KindEditor.ready(function(K) {
K.create('#kd_content', {
width: "650",
height: "300",
allowFileManager: true,
uploadJson: '/kindeditor/upload',
fileManagerJson: '/kindeditor/filemanager'
});
K.create('#new_content', {
width: "600",
height: "300",
allowFileManager: true,
uploadJson: '/kindeditor/upload',
fileManagerJson: '/kindeditor/filemanager',
});
});
})
如果想控制html编辑器的菜单,只需添加下面这个属性('-'表示换行)
items: ['source', '|', 'undo', 'redo', '|',
'preview', 'template', 'cut', 'copy', 'paste', 'plainpaste', 'wordpaste', '|',
'justifyleft', 'justifycenter', 'justifyright','justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript','superscript', 'clearhtml', 'quickformat', 'selectall', 'fullscreen', '-',
'formatblock', 'fontname', 'hilitecolor', 'bold', 'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|',
'image', 'flash', 'media', 'insertfile', 'table', 'hr', 'emoticons', 'map', 'code', 'pagebreak', 'anchor', 'link', 'unlink',
'|', 'about']
分享到:
相关推荐
标题 "rails3.1安装与mysql配置 windows" 涉及到的是在Windows操作系统上安装Ruby on Rails 3.1框架并配置MySQL数据库的过程。这是一个关键的开发环境设置步骤,对于使用Rails进行Web开发的程序员来说至关重要。Ruby...
这是最新的Rails 3.1 实战,包括TDD、BDD等实用技术。
Rails 3.1 和 Cucumber-Rails 1.2.0 是两个在Web开发领域非常重要的工具,尤其对于Ruby on Rails框架的测试和自动化流程。本文将深入探讨这两个组件,以及它们如何协同工作来增强软件开发的效率和质量。 首先,...
Rails 3.1版本在原有的基础上增加了许多新功能,如Asset Pipeline等,提高了开发效率和性能。 - **特点**:Rails采用了Model-View-Controller(MVC)架构模式,将业务逻辑、数据处理和用户界面分离,使得代码结构...
backbone-rails, 在 Rails 3.1中轻松使用 backbone.js 主干 rails 轻松设置并使用 Rails 3.1和更高版本的backbone.js ( 1.2.2 )##Version#####Github 主 branch###gem 版本:1.2.2Backbone 版本:1.
tiny_mce, Ruby on Rails 插件( pre Rails 3.1 ),允许你轻松地将TinyMCE编辑器实现到你的应用程序中 用于 Rails的 TinyMCE因为我没有时间维护它,而且代码库处于不一致状态,所以这个 gem 被折旧 ! 似乎如下笔记。...
在Rails 3.1版本中,引入了许多重要更新和改进,使得这个框架更加高效且功能丰富。 首先,让我们深入了解Rails 3.1在资产管道(Asset Pipeline)方面的重要变革。资产管道是一种整合和优化应用程序中CSS、...
脚本以用于 Rails 3.1+ 和 Rails 4 资产管道。 安装 将jquery_file_download-rails添加到应用程序的Gemfile : gem 'jquery_file_download-rails' 运行 Bundler 来锁定 gem: bundle install 在jquery和jquery...
《Rails101_by_rails4.0》是一本专注于Rails 4.0.0版本和Ruby 2.0.0版本的自学教程书籍,它定位于中文读者,旨在成为学习Rails框架的参考教材。Rails(Ruby on Rails)是一个采用Ruby语言编写的开源Web应用框架,它...
咖啡豆Rails 3.1包含了轰动。 我对能够以一种更轻松,更美观的方式编写JavaScript感到非常兴奋。 但是,当将CoffeeScript添加到Rails 3.1中时,他们忘记了一个非常重要的部分,即在响应JavaScript(JS)请求时可以...
jqgrid-jquery-rails 由Doc Walker认可提供为Rails 3.1+资产管道打包的jqGrid jQuery插件。安装将这些行添加到应用程序的Gemfile : # jqgrid jquery plugin packaged for the rails asset pipelinegem 'jqgrid-...
提供为 Rails 3.1+ 资产管道打包的qTip2 jQuery 插件。 安装 将这些行添加到应用程序的Gemfile : # qtip2 jquery plugin packaged for the rails asset pipeline gem 'qtip2-jquery-rails' , '~> 2.2.100' 然后...
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文件,以及一些...
要使用`jquery-ui-rails` gem,开发者需要在Gemfile中添加依赖,并执行`bundle install`命令安装。之后,只需在app/assets/javascripts/application.js和app/assets/stylesheets/application.css中引入必要的jQuery ...
该项目允许您在 Rails 3.1 应用程序中轻松使用 iPhone 样式的复选框。 安装 将gem 'ios-checkboxes'添加到 Gemfile 并运行bundle install 与 Rails 3.1 一起使用 将//=require ios-checkboxes添加到您的app/assets/...
Ruby on Rails的Kindeditor Kindeditor是所见即所得的... 注意:Rails 5.1已从默认设置中删除了对jQuery的依赖,但是rails_kindeditor需要'jquery-rails'。 运行“捆绑”命令。 bundle 运行安装生成器: rails g
铁轨这个 gem 只包含作为 Rails 3.1(或更高版本)资产管道中的资产。 gem 中的当前版本是 TipTip 1.3安装将 gem 添加到 Gemfile gem "tiptip-rails", "~> 1.0.0"用法在您的 JavaScript 清单中(例如application.js ...
为 Rails 3.1+ 资产管道提供 GitHub Flavored Markdown CSS。 安装 将这些行添加到应用程序的Gemfile : # github flavored markdown css packaged for the rails asset pipeline gem 'github-css-rails' , '~> ...