在项目Gemfile中增加一下代码:
gem 'ckeditor', '3.5.4'
#安装插件
bundle install
#生成ckeditor的js文件,查看config/initializers/ckeditor.rb
#获取更多的配置信息
rails generate ckeditor:base
#生成上传图片的类
#For attachment_fu:
rails generate ckeditor:migration --backend=attachment_fu
#For paperclip:
rails generate ckeditor:migration --backend=paperclip
#执行migration,生成数据库表
rake db:migrate
#在application.rb增加以下内容
config.autoload_paths += %W( #{config.root}/app/models/ckeditor )
#引用js文件
<%= javascript_include_tag :ckeditor %>
#创建输入框的普通helper方法
<%= ckeditor_textarea("object", "field", :width => '100%', :height => '200px') %>
默认的ckeditor配置文件如下:
public/javascripts/ckeditor/config.js
默认的ckeditor样式文件如下:
public/javascripts/ckeditor/contents.css
分享到:
相关推荐
ckeditor-rails, 集成 CKEditor javascript库和 Rails 资产管道 用于 Rails 资产管道的 CKEditorCKEditor 是一个WYSIWYG编辑器用来使用 inside 网页的库。ckeditor_rails gem 将 CKEditor 与 Rails 资产管道集成在...
它可以在以下环境中工作: Ruby1.9.3+ 导轨3.0+基本用法安装ckeditor_rails gem 包括ckeditor_rails在Gemefile gem 'ckeditor_rails' 然后运行bundle install包括CKEditor JavaScript资源//= require jquery_ujs与...
1. **下载与安装**:首先从官方渠道获取ckeditor3.2的压缩包,解压后得到相应的文件。 2. **引用资源**:在HTML页面中引入ckeditor的JavaScript文件,通常位于`/js/ckeditor.js`路径下。 3. **初始化编辑器**:通过...
在实际应用中,开发者通常会将CKeditor与后端框架(如Django、Rails、Laravel等)结合,通过API接口实现数据的保存和加载。下载的压缩包"ckeditor"可能包含了CKeditor的源代码、文档、示例以及预设的插件,供开发者...
RailsAdmin_ImageManager RailsAdmin和CKEditor的图像管理器。 安装 将此行添加到您的应用程序的Gemfile中: ... 安装图像管理器CKEditor插件 mkdir -p app/assets/javascripts/ckeditor && touch app
特征CKEditor版本4.x( ) Rails 5.x,4.2.x集成文件浏览器HTML5文件上传器用于formtastic和simple_form表单生成器的钩子与授权框架和集成安装对于基本用法,只需包含ckeditor gem: gem 'ckeditor'或者,如果您想...
丰富 Rich是CKEditor for Rails 3.2及更高版本的可靠实现。 它包括一个简化的工具栏,简化的对话框和一个自定义文件管理器。 文件管理器也可以与CKEditor分开使用。 目前,Rich与Active Admin,Rails Admin和Vanilla...
平页用于在数据库中保存静态页面的简单 gem安装将此行添加到应用程序的 Gemfile 中: gem 'ckeditor'gem 'flatpages' 安装配置ckeditor 然后运行 rails generate flatpages:install .并在根路由之前添加到您的 ...
步骤2:rake redmine:plugins:migrate RAILS_ENV=production 如果有问题,咨询作者,或者可以删掉有问题的插件,重新执行此命令 步骤3:如果一切正常,就重启服务 环境: CentOS 7 redmine 2.6.0 ruby 2.1.4 测试...
Jawhar是一个专为阿拉伯...总之,Jawhar项目是一个结合了Ruby on Rails后端技术和JavaScript前端交互的Web应用,利用PostgreSQL存储数据,通过CKEditor提供内容编辑功能,旨在为阿拉伯文内容管理提供高效、易用的工具。
Rails是Ruby on Rails的简称,是一个非常流行的Ruby web应用框架。Rails 6是其最新版本,带来了许多新特性和性能提升,包括并行测试、Action Cable的改进、Action Text(用于富文本编辑)以及对Webpacker的内置支持...
电车道:: Admin 为您的应用程序快速创建管理面板! 用法 如何使用我的插件。 1....宝石文件 gem 'tramway-admin' gem 'tramway-user' ...gem 'haml-rails' gem 'selectize-rails' ...gem 'ckeditor' , '4
前端编辑器这是 Rails 应用程序的前端编辑器。 它必须与 frontendeditor_ckeditor 一起使用。安装将此行添加到应用程序的 Gemfile 中: gem 'frontendeditor'然后执行: $ bundle或者自己安装: $ gem install ...
Sidekiq 为 Rails 3 应用程序提供一个高效的消息队列系统。 Java文件上传组件 COS FAT文件系统读写类库 fat32-lib fat32-lib 是一个用来读写 FAT 16/32 格式文件系统的纯 Java 类库(纯的)。 Eclipse的HTML格式...
1. **Web开发框架**:在线教育系统通常基于Web应用框架构建,如Spring Boot、Django或Ruby on Rails。这些框架提供了一种高效的方式来组织和构建复杂的Web应用,简化了服务器端逻辑的开发。 2. **前端技术**:系统...
17. **与Web编辑器集成**:如elRTE、CKEditor、TinyMCE。 18. **灵活的权限配置**:可配置访问权限、上传文件类型、用户界面等。 19. **可扩展性**:允许添加自定义功能和插件。 20. **基于JSON的简单客户端-服务器...
通常,构建在线学习平台会使用Web开发框架,如Django、Spring Boot、Ruby on Rails或AngularJS等。这些框架能够简化开发过程,提供模板引擎、路由管理、数据库集成等功能。 2. **前端技术**: - ...
TinyMCE、CKEditor和Quill是常用的富文本编辑器库,它们提供WYSIWYG(所见即所得)的编辑体验,方便教师上传课程资料,包括课件、笔记和作业说明。 ### 5. 用户界面与交互设计 良好的用户体验是精品课程网成功的...
2. **后端开发**:后端通常基于Web框架,如Django、Flask或Ruby on Rails,用于处理用户请求、数据存储和逻辑处理。数据库管理系统(如MySQL、PostgreSQL或MongoDB)用于存储博客文章、用户信息和其他元数据。 3. *...
Sidekiq 为 Rails 3 应用程序提供一个高效的消息队列系统。 Java文件上传组件 COS FAT文件系统读写类库 fat32-lib fat32-lib 是一个用来读写 FAT 16/32 格式文件系统的纯 Java 类库(纯的)。 Eclipse的HTML格式...