编辑器配置: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内容');
相关推荐
接着,在需要使用富文本编辑器的地方,比如文章或博客的模型中,设置相应的数据库字段类型为 text,并在视图文件中使用 `rails_kindeditor` 提供的 helper 方法来渲染编辑器。 集成过程中,你可能需要关注以下几个...
Kindeditor是所见即所得的javascript编辑器,有关详细信息,请访问 。 rails_kindeditor将帮助您的rails应用程序与kindeditor集成,包括图像和文件上传。 安装及使用 将此添加到您的Gemfile gem 'jquery-rails' ...
本资料“RestFul_Rails_Dev_pdf_v_0.1.zip”包含了《RESTful Rails Development》的翻译版,将深入探讨如何在Rails中实现RESTful的设计模式。 首先,RESTful设计的核心概念是资源(Resources)。在Rails中,资源...
此外,书中还介绍了一些Rails中的高级概念,如Strong Parameters(强参数),它在Rails 4.0版本中引入,用于解决之前版本中的参数篡改问题,从而帮助开发者安全地处理外部提交的数据。 通过一系列的教学内容,包括...
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(以下简称Rails)4.2.5版本的核心功能与最佳实践。 - **基础假设**:...
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.zipRuby_on_Rails_rails.zip Ruby_on_Rails_rails.zip Ruby_on_Rails_rails.zip Ruby_on_Rails_rails.zipRuby_on_...
2. **模型(Models)**:Rails中的模型负责与数据库交互,使用ActiveRecord进行数据操作。书中可能会涵盖ActiveRecord的基本用法,如创建、读取、更新和删除(CRUD)操作,关联关系(如属主、多对多等),以及验证...
3. **ActiveRecord**:Rails中的ORM(对象关系映射)工具,用于处理数据库操作。你需要熟悉数据库模型的创建、查询和关联。 4. **Scaffolding**:Rails提供的一种快速生成CRUD(创建、读取、更新、删除)操作的工具...
此外,Rails还提供了丰富的ORM(对象关系映射)工具ActiveRecord,以及生成器、测试框架等工具,大大简化了Web应用的开发过程。 ### 结构和内容 本书涵盖了从环境搭建到部署的整个开发流程,包括但不限于:Ruby和...
在您的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
在Rails_Full_Version压缩包中,包含了完整的源代码和必要的资源文件,开发者可以通过解压并导入到Rails项目中,按照官方文档进行配置和定制。同时,这个版本可能还包含了升级记录、更改日志和可能的bug修复,以保证...
在本文中,我们将深入探讨Rails3中的常用命令,帮助你更高效地进行开发工作。 首先,新建一个Rails项目是开发的起点。你可以使用以下命令创建一个新的工程: ```bash rails new 工程名 ``` 这会生成一个包含所有...
在Rails中,ERB(Embedded Ruby)模板允许你在HTML中嵌入Ruby代码,动态生成页面内容。 本书还会详细讲解Rails的路由系统,它是应用中URL和控制器动作之间的映射,确保用户请求能够正确地到达目的地。此外,你还将...
例如,Rails中的控制器文件通常位于app/controllers目录下,且文件名需以Controller结尾,类名则遵循小写和下划线命名约定。例如,HelloWorldController.rb文件位于app/controllers目录下,并继承自...
3. **连接逻辑**:在`app/assets/javascripts/cable.js`中,Rails自动生成的ActionCable初始化代码需要根据实际需求进行定制,以建立WebSocket连接并订阅所需的通道。 4. **前端交互**:使用JavaScript(通常为...
3. **MVC架构**:Rails采用Model-View-Controller架构,书中详细解释了模型(Model)、视图(View)和控制器(Controller)之间的交互与职责。 4. **路由**:Rails的路由系统允许灵活地定义URL到控制器动作的映射,...