`

rails3 中html编辑器 rails_kindeditor

 
阅读更多

编辑器配置:http://www.kindsoft.net/docs/option.html

 

1.安装rails_kindeditor,在gemfile中添加如下代码:

(windows下安装rails_kindeditor插件)

gem 'mini_magick', '3.5.0'  (carrierwave的前置插件)

gem 'carrierwave'
gem 'rails_kindeditor', '0.3.20'

 

运行:bundle install

 

2.在application.js文件中,添加如下代码:

//= require kindeditor

 

3.在views中添加如下代码应用rails_kindeditor插件

 

<%=f.kindeditor :id, :width=>50, :height=>50%>

 

4.设置

当你运行"rails generate rails_kindeditor:install"的时候,安装器会将配置文件拷贝到config/initializers文件夹。
你可以配置以下上传选项:

  # 指定上传目录,目录可以指定多级,都存储在public目录下.
  # You can customize it , eg: config.upload_dir = 'this/is/my/folder'
  config.upload_dir = 'uploads'

  # 指定允许上传的文件类型.
  config.upload_image_ext = %w[gif jpg jpeg png bmp]
  config.upload_flash_ext = %w[swf flv]
  config.upload_media_ext = %w[swf flv mp3 wav wma wmv mid avi mpg asf rm rmvb]
  config.upload_file_ext = %w[doc docx xls xlsx ppt htm html txt zip rar gz bz2]

  # 处理上传文件,需要mini_magick
  # eg: 1600x1600 => 800x800
  #     1600x800  => 800x400
  #     400x400   => 800x800
  # config.image_resize_to_fit = [800, 800]

== 将上传文件信息记录入数据库(可选)

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

== License

MIT License.

 

配置

<%=f.kindeditor :content, :width=>700, :height=>300, 
                :allowFileManager=>true, 
                :items=>items, #所要用到的按钮
                :extraFileUploadParams=>{:zy_story_id=>@zy_story.id} #上传图片、文件、flash等所用到的额外参数 %>

 

 取到编辑器中的值可以,方法:

var editor;
KindEditor.ready(function(K) {
    editor = K.create('#editor_id');  //加载编辑器
});


// 取得HTML内容
html = editor.html();

// 同步数据后可以直接取得textarea的value
editor.sync();
html = document.getElementById('editor_id').value; // 原生API
html = K('#editor_id').val(); // KindEditor Node API
html = $('#editor_id').val(); // jQuery

// 设置HTML内容
editor.html('HTML内容');

 

 

分享到:
评论

相关推荐

    ruby rails_kindeditor(编译器)插件

    接着,在需要使用富文本编辑器的地方,比如文章或博客的模型中,设置相应的数据库字段类型为 text,并在视图文件中使用 `rails_kindeditor` 提供的 helper 方法来渲染编辑器。 集成过程中,你可能需要关注以下几个...

    rails_kindeditor:用于Ruby on Rails的Kindeditor

    Kindeditor是所见即所得的javascript编辑器,有关详细信息,请访问 。 rails_kindeditor将帮助您的rails应用程序与kindeditor集成,包括图像和文件上传。 安装及使用 将此添加到您的Gemfile gem 'jquery-rails' ...

    RestFul_Rails_Dev_pdf_v_0.1.zip

    本资料“RestFul_Rails_Dev_pdf_v_0.1.zip”包含了《RESTful Rails Development》的翻译版,将深入探讨如何在Rails中实现RESTful的设计模式。 首先,RESTful设计的核心概念是资源(Resources)。在Rails中,资源...

    Rails101_by_rails4.0

    此外,书中还介绍了一些Rails中的高级概念,如Strong Parameters(强参数),它在Rails 4.0版本中引入,用于解决之前版本中的参数篡改问题,从而帮助开发者安全地处理外部提交的数据。 通过一系列的教学内容,包括...

    rails_semantic_logger, Rails 语义记录器用语义记录器替换 Rails 缺省记录器.zip

    rails_semantic_logger, Rails 语义记录器用语义记录器替换 Rails 缺省记录器 Rails 语义记录器 语义记录器用语义记录器替代 Rails 缺省记录器。http://github.com/rocketjob/rails_semantic_logger文档有关完整文档...

    Ruby on Rails Guides v2 - Ruby on Rails 4.2.5

    ### Ruby on Rails Guides v2 - Ruby on Rails 4.2.5 #### 一、重要概念及基础假设 - **重要概念**:本指南旨在帮助读者深入理解Ruby on Rails(以下简称Rails)4.2.5版本的核心功能与最佳实践。 - **基础假设**:...

    rails_apps_composer, 一个 gem,为 Rails 启动应用程序创建 Rails 应用程序模板.zip

    rails_apps_composer, 一个 gem,为 Rails 启动应用程序创建 Rails 应用程序模板 Rails 应用编辑器 Rails 应用程序编辑器 gem 安装一个 命令行 工具来从"食谱"的Collection 组装 Rails 应用程序。"你可以使用 rails_...

    Ruby-on-Rails-rails.zip

    Ruby_on_Rails_rails.zip Ruby_on_Rails_rails.zip Ruby_on_Rails_rails.zip Ruby_on_Rails_rails.zipRuby_on_Rails_rails.zip Ruby_on_Rails_rails.zip Ruby_on_Rails_rails.zip Ruby_on_Rails_rails.zipRuby_on_...

    Rails_Recipes_with_Source_Code

    2. **模型(Models)**:Rails中的模型负责与数据库交互,使用ActiveRecord进行数据操作。书中可能会涵盖ActiveRecord的基本用法,如创建、读取、更新和删除(CRUD)操作,关联关系(如属主、多对多等),以及验证...

    inspinia admin - v2.5 Rails_Full_Version

    3. **ActiveRecord**:Rails中的ORM(对象关系映射)工具,用于处理数据库操作。你需要熟悉数据库模型的创建、查询和关联。 4. **Scaffolding**:Rails提供的一种快速生成CRUD(创建、读取、更新、删除)操作的工具...

    agile_web_development_with_rails_3rd_edition.9994652073.pdf

    此外,Rails还提供了丰富的ORM(对象关系映射)工具ActiveRecord,以及生成器、测试框架等工具,大大简化了Web应用的开发过程。 ### 结构和内容 本书涵盖了从环境搭建到部署的整个开发流程,包括但不限于:Ruby和...

    rails_admin_acts_as_list:rails_admin插件以对记录进行排序

    在您的config/initializers/rails_admin.rb初始化程序中添加配置: RailsAdmin . config do | config | config . model Post do list do sort_by :position # Add Default sorting sort_reverse false # sort p

    InspiniaAdmin 2.6.1 Rails_Full_Version

    在Rails_Full_Version压缩包中,包含了完整的源代码和必要的资源文件,开发者可以通过解压并导入到Rails项目中,按照官方文档进行配置和定制。同时,这个版本可能还包含了升级记录、更改日志和可能的bug修复,以保证...

    Rails3常用命令行命令

    在本文中,我们将深入探讨Rails3中的常用命令,帮助你更高效地进行开发工作。 首先,新建一个Rails项目是开发的起点。你可以使用以下命令创建一个新的工程: ```bash rails new 工程名 ``` 这会生成一个包含所有...

    ruby on rails 3 tutorial.pdf

    在Rails中,ERB(Embedded Ruby)模板允许你在HTML中嵌入Ruby代码,动态生成页面内容。 本书还会详细讲解Rails的路由系统,它是应用中URL和控制器动作之间的映射,确保用户请求能够正确地到达目的地。此外,你还将...

    Ruby_On_Rails笔记

    例如,Rails中的控制器文件通常位于app/controllers目录下,且文件名需以Controller结尾,类名则遵循小写和下划线命名约定。例如,HelloWorldController.rb文件位于app/controllers目录下,并继承自...

    IkaGame示例。使用 Rails5 ActionCable_ruby_代码_下载

    3. **连接逻辑**:在`app/assets/javascripts/cable.js`中,Rails自动生成的ActionCable初始化代码需要根据实际需求进行定制,以建立WebSocket连接并订阅所需的通道。 4. **前端交互**:使用JavaScript(通常为...

    Rails 3 in Action

    3. **MVC架构**:Rails采用Model-View-Controller架构,书中详细解释了模型(Model)、视图(View)和控制器(Controller)之间的交互与职责。 4. **路由**:Rails的路由系统允许灵活地定义URL到控制器动作的映射,...

Global site tag (gtag.js) - Google Analytics