rails_kindeditor可以帮助你的rails程序集成kindeditor编辑器,包括了文本编辑和格式设置,图片和附件上传功能,文件按照类型、日期进行存储。
1,安装:
(1)将下面代码加入Gemfile:
gem 'rails_kindeditor'
(2)运行"bundle"命令:
bundle install
(3)安装Kindeditor,运行下面的代码:
rails generate rails_kindeditor:install
(4)从Rails 4.0开始, precompiling assets不再自动从vendor/assets和lib/assets拷贝非JS/CSS文件. 参见 https://github.com/rails/rails/pull/7968 如果要使用Rails 4.0的生产模式,请运行'rake kindeditor:assets', 此方法可将kindeditor自动拷贝到你的public/assets目录.
rake kindeditor:assets
2,使用方法:
其实就是一个form表单其中用ruby表示:
<%= form_for @article do |f| -%> <%= f.kindeditor :content %> # or <%= f.kindeditor :content, :width => 800, :height => 300 %> # or <%= f.kindeditor :content, :allowFileManager => false %> ... <% end -%> 注掉的两行和第二行是一样的就是稍微设置了一下格式,三个用哪个都行
用haml表示:
= form_for :@content_object,:url=>{:action=>'save_editor'},:method => "post" do |f| = f.kindeditor :content = f.text_field :title=f.submit "提交"
这里我加了一个标题title和submit提交按钮,注意@content_object是一个空对象用来装form表单中的内容
,即在表单对应的contruller中加入:@content_object={}即可
这个时候已经可以在页面上显示编辑器。
3,存储(我的数据库是mysql)
在你该项目对应的数据库中建表kindeditor(名字随你自己起)
也就是在终端打两条命令:
(1),创建模型:$ bin/rails generate model Kindeditor title:string text:text
(2),运行迁移:$ bin/rake db:migrate
到这里表就建好啦。
这是我的kindeditor编辑器的controller仅供参考:
def kindeditor @content_object={} end def save_editor @kind=params[:@content_object] editor = Activity.find_by_title(params[:@content_object][:title]) if editor editor.update({:title => params[:@content_object][:title], :content => params[:@content_object][:co ntent]}) redirect_to '/guests_title_list/activity_list' else if @kind[:title]== "" || @kind[:content] == "" redirect_to '/admin/kindeditor' else @new_editor = Activity.new({:title => params[:@content_object][:title], :content => params[:@cont ent_object][:content]}) @new_editor.save redirect_to '/guests_title_list/activity_list' end end end
相关推荐
Trix - 是Rails 框架的创造者开发的一个富文本编辑器
Kindeditor是所见即所得的javascript编辑器,有关详细信息,请访问 。 rails_kindeditor将帮助您的rails应用程序与kindeditor集成,包括图像和文件上传。 安装及使用 将此添加到您的Gemfile gem 'jquery-rails' ...
请随意在 Rails 4 上拉取和自定义 tinymce 编辑器版本 4。 由于我在之前的项目中使用了 TinyMce 编辑器,因此我想分享我所做的事情,毕竟分享是关怀 ;) 我添加了菜单按钮、具有子菜单项的菜单项以及一个列表框。 ...
用于日常写作的富文本编辑器。 在您的 Web 应用程序中撰写格式精美的文本。 Trix 是一个用于编写消息、评论、文章和列表的编辑器——大多数网络应用程序都是由这些简单的文档组成的。 它具有复杂的文档模型,支持...
RailsTinyMCE-Rails的富文本编辑器TinyMCE是一个javascript RTF编辑器。 很容易与博客,cms,消息和邮件集成。 插件使用jrails(jQuery)和Paperclip插件来支持图像和媒体上传特征提供富文本编辑器可自定义的TinyMCE...
哈姆路轨 Haml-rails为Rails 5提供了Haml生成器。它还使Haml成为了您的模板引擎,因此,当您的Gemfile清楚地表明您已安装了哪种模板引擎时,您就不必拧入自己的application.rb。 欢呼。 要使用它,请将以下行添加到...
TextMate是Mac下的著名的文本编辑器软件,与BBedit一起并称苹果机上的emacs和vim。尤其适合程序员使用,可以定制许多贴心使用的功能。 应用介绍 TextMate的Bundles是TextMate的一个亮点,可以有效的提高开发速度。 ...
超经典word风格的rails在线编辑器,注意在编辑文章的时候这样写: <input type="hidden" id="xxxx name="content" value="<%=h @xxx.content %>"/> 也就是用h方法将内容里面的html先过滤下
NULL 博文链接:https://zhq-zhq.iteye.com/blog/1925937
Ruby on Rails 的块编辑器 这个编辑器使用来自包来为 Rails 构建一个独立的块编辑器。 这个编辑器是从中提取出来的,它是按照构建的。 编辑器当前使用 v9.2.1 Gutenberg 发行包,它是 Wordpress v5.6 发行版的一...
rails_semantic_logger, Rails 语义记录器用语义记录器替换 Rails 缺省记录器 Rails 语义记录器 语义记录器用语义记录器替代 Rails 缺省记录器。http://github.com/rocketjob/rails_semantic_logger文档有关完整文档...
rails_apps_composer, 一个 gem,为 Rails 启动应用程序创建 Rails 应用程序模板 Rails 应用编辑器 Rails 应用程序编辑器 gem 安装一个 命令行 工具来从"食谱"的Collection 组装 Rails 应用程序。"你可以使用 rails_...
哈姆 Haml是HTML的模板引擎。 通过消除冗余,反映文档所表示的基础结构以及... gem 'haml' 如果您想用Haml替换基于Rails基于Erb的生成器,请将也添加到您的Gemfile中。格式化Haml的最基本元素是创建HTML的简写: % ta
Brevidy, 使用 Ruby on Rails HAML Bootstrap 和jQuery构建的视频社交网络 Brevidy通过 Gratipay 支持这里项目 Brevidy是我用 Ruby on Rails 3.0.7.HAML 。Bootstrap 和jQuery构建的视频社交网络,它被发布到beta...
wysihtml5用于导轨在Rails 3资产管道中使用的所见即所得文本编辑器。安装添加到您的Gemfile: gem 'wysihtml5-rails' 并运行: bundle install用法在您的JS清单文件中要求它: //= require wysihtml5 另外包括...
《Rails之道》按照Rails的各个子系统进行组织编排,分别介绍了Rails的环境、初始过程、配置和日志记录,Rails的分配器、控制器、页面生成和路由,REST、资源和Rails,ActiveRecord的基础、关联、验证和高级技巧,...
请查看所有积分都jQuery文本编辑器团队的Fatih Koca( )。 gem的唯一用途是将jqueryte-js和-css文件添加到资产管道。 从技术上讲,它不是宝石,而是Rails插件。 目标是向我的网站添加一些所见即所得的方法。相依性...
欢迎到Rails的 Rails 是一个 Web 应用程序框架,它包含根据模型-视图-控制模式创建数据库支持的 Web 应用程序所需的一切。 此模式将视图(也称为演示文稿)拆分为“哑”模板,这些模板主要负责在 HTML 标记之间...