`

RailsTinyMce 另外一个Rails的tinymce介绍

阅读更多
RailsTinyMCE - A Rich Text Editor for ruby on rails

TinyMCE is a javascript rich text editor. It is easy to integrate with blogs, cms, messages and mailers.

Plugin uses jrails(jquery) and paperclip plugin for upload support.
Features

    * Provides rich text editor
    * Customisable TinyMCE plugins
    * Easy to integrate
    * Supports Image upload & insert
    * Supports Media upload & Youtube embed
    * TODO: Document upload plugin

1. Install rails_tiny_mce plugin using

./script/plugin install git://github.com/sandipransing/rails_tiny_mce.git

./script/generate rails_tiny_mce_migration

rake db:migrate

2. Install jrails(jquery) plugin using

./script/plugin install git://github.com/aaronchi/jrails.git

3. Install dependent plugins(if you didn\'t)

rake rails_tiny_mce:plugins

Above command will copy paperclip, responds_to_parent, will_paginate plugins to vendor/plugins directory.

    * paperclip git://github.com/thoughtbot/paperclip.git
    * responds_to_parent http://responds-to-parent.googlecode.com/svn/trunk
    * will_paginate git://github.com/mislav/will_paginate.git

4. In your layout add following lines

<%= javascript_include_tag :defaults %>
<%= javascript_include_tiny_mce_if_used %>
<%= tiny_mce if using_tiny_mce? %>

5. Inside controller class on top add following lines

uses_tiny_mce(:options => AppConfig.default_mce_options,nly => [:new, :edit])

This AppConfig.default_mce_options is in config/initializers/tiny_mce_plus_config.rb, you could change the setting there
6. In your view add class mceEditor to text_area

Then append the following to the text area you want to transform into a TinyMCE editor.

:class => "mceEditor"

7. Install file lists

rake rails_tiny_mce:install

will Install following files:

app
  |-- controller
    |-- attachments_controller.rb
  |-- helpers
    |-- remote_link_renderer.rb
  |-- models
    |-- print.rb
    |-- video.rb
  |-- views
    |-- attachments
       |-- _show_attachment_list.html.erb
config
  |-- initializers
    |-- tiny_mce_plus_config.rb
public
  |-- images
    |-- tiny_mce
  |-- javascripts
    |-- tiny_mce

You may custom the config in tiny_mce_plus_config.rb.
Attention Note:

    * Do not put <p> </p> around the textarea.
    * If you are using old will_paginate plugin, change the url_for to url_option in remote_link_renderer.rb

Example use:

    *

      Create CRUD for post

      ./script/generate scaffold post title:string text:description
    *

      Run Migrations

      rake db:migrate
    *

      Add following line to posts_controller.rb

      uses_tiny_mce(:options => AppConfig.default_mce_options,nly => [:new, :edit])
    *

      Open /views/posts/new.html.erb and /views/posts/edit.html.erb
    *

      Modifiy following line

      <%= f.text_area :description %> to <%= f.text_area :description, :class => "mceEditor" %>
http://github.com/sandipransing/rails_tiny_mce
分享到:
评论

相关推荐

    tinymce-rails, 集成TinyMCE与 Rails 资产管道.zip

    tinymce-rails, 集成TinyMCE与 Rails 资产管道 用于TinyMCE的 Rails 集成tinymce-rails gem 将 TinyMCE 编辑器与 Rails 资产管道集成在一起。这里 gem 与 Rails 3.1.1和更高的( 包括 Rails 4 ) 兼容。这是 Tiny

    tinymce-rails:将TinyMCE与Rails资产管道集成

    TinyMCE的Rails集成 tinymce-rails gem将编辑器与Rails资产管道集成在一起。 该宝石与Rails 4.2及更高版本兼容。 这是TinyMCE 5的分支。对于TinyMCE 4,请参见,对于TinyMCE 3.5.x,请参见。 3.5.11、4.1.10和...

    tinymce-rails-imageupload, 用于TinyMCE和 Rails的映像上传插件,带有资产管道.zip

    tinymce-rails-imageupload, 用于TinyMCE和 Rails的映像上传插件,带有资产管道 重要说明:这个版本正在改写为 TinyMCE 4. x,,目前还没有得到很好的测试。 使用你自己的风险,反馈欢迎。 对于稳定版本目标 TinyMCE ...

    tiny_mce, Ruby on Rails 插件( pre Rails 3.1 ),允许你轻松地将TinyMCE编辑器实现到你的应用程序中.zip

    tiny_mce, Ruby on Rails 插件( pre Rails 3.1 ),允许你轻松地将TinyMCE编辑器实现到你的应用程序中 用于 Rails的 TinyMCE因为我没有时间维护它,而且代码库处于不一致状态,所以这个 gem 被折旧 ! 似乎如下笔记。...

    tinymce-rails-imageupload:带有资产管道的 TinyMCE 和 Rails 图像上传插件

    重要的提示: 此版本正在被重写...演示一个演示 Rails 3.2 ( , ) 和 Rails 4 ( , ) 工作设置的小型演示应用程序可供研究。要求导轨 &gt;= 3.1 TinyMCE4 使用高级主题设置将 gem 添加到您的 Gemfile gem 'tinymce-rails-im

    rails_tiny_mce:Tiny MCE富文本编辑器,用于使用jquery,带有图像和媒体上载支持的回形针的Rails

    RailsTinyMCE-Rails的富文本编辑器TinyMCE是一个javascript RTF编辑器。 很容易与博客,cms,消息和邮件集成。 插件使用jrails(jQuery)和Paperclip插件来支持图像和媒体上传特征提供富文本编辑器可自定义的TinyMCE...

    tinymce-docupload

    tinymce-docupload 是一个专门为 Rails 应用程序设计的插件,它与流行的富文本编辑器 TinyMCE 集成,提供了文档上传的功能。TinyMCE 是一款强大的JavaScript WYSIWYG(所见即所得)编辑器,广泛应用于网页内容编辑。...

    active_admin_tinymce

    Active Admin Tinymce ... 编辑器支持插入图像。...$ rails g active_admin:tinymce:install MODEL 用用于应用程序图像的类名替换 MODEL 贡献 分叉吧 创建您的功能分支( git checkout -b my-new-feature

    paginas:将页面添加到您的 rails 应用程序并使用 tinyMCE 进行编辑

    您可以传递一个哈希值,其中键是菜单项的名称,值是您要链接到的页面的 id 或类别 id。 Rolify、CanCan 和 Devise 集成 这些不是结构假设您已经在您的应用程序中安装了 rolify 和 CanCan 或设计或所有三个 gem ...

    tiny_mce_customization:富文本编辑器 - Tiny Mce 4,Rails 自定义

    我添加了菜单按钮、具有子菜单项的菜单项以及一个列表框。 工具栏中的字体大小。 &lt;hr&gt; 插入菜单中的水平规则标签。 前色和后色。 表格边框折叠。 TinyMce 不支持单选按钮。 使用上传和使用图片感谢 ...

    技術分享_elFinder1

    elFinder是一个开源的JavaScript文件管理器,它基于jQuery UI构建,设计灵感来源于Mac OS X操作系统的Finder程序。elFinder的主要目标是提供高性能的服务器后端和轻量级的客户端界面,使得用户可以方便地进行文件和...

    精品课程网(含视频转码与播放、上传,登录。注册等适合课设)

    【精品课程网】是一个综合性的在线教育平台,其核心功能包括视频转码、播放、用户注册与登录,以及课程资源的上传。这个课程设计项目旨在为学生提供一个实践平台,帮助他们掌握Web开发中的关键技术和流程,特别是...

    archiveMyDay:博客

    存档我的日子这个博客就像每天的日记,我们可以记录下来的想法,经验,感受以及我们每天想要存档的任何内容目录基本信息该博客作者的目的是创建一个地方,让人们可以使用它来分享爱,思想,经验以及一切美好的一天。...

    毕业设计-在线学习.zip

    在线学习系统是一个现代教育技术的重要应用,它利用互联网平台提供灵活、便捷的学习体验。这个"毕业设计-在线学习.zip"文件很可能包含了一个完整的在线学习平台的源代码或项目资源,让我们来深入探讨一下相关的IT...

    电子商务API

    1. **多数据库支持**:Rails 6.0 支持在一个应用中连接和切换多个数据库,这对于大型和分布式系统尤其有用。 2. **Action Cable**:内置的WebSocket支持,用于实时的、双向的通信,如聊天室、实时通知等功能。 3. **...

    在线教育系统代码

    这个导师课堂实例提供了实现此类系统的一个具体案例,让我们深入探讨其中涉及的技术和知识点。 1. **Web开发框架**:在线教育系统通常基于Web应用框架构建,如Spring Boot、Django或Ruby on Rails。这些框架提供了...

    ClassStuffdotjpg:课堂博客

    "ClassStuffdotjpg"似乎是一个专门用于记录课堂学习的项目,可能是一个博客平台或在线学习资源库。这个项目的核心可能是为了方便学生和教师共享课堂笔记、讨论和教学材料。让我们深入探讨一下这个主题,了解在IT行业...

    cms-system:一种用于处理用户内容的内容管理系统。

    在“cms-system”这个项目中,我们关注的是一个专门设计来处理用户内容的CMS系统。 **JavaScript在CMS系统中的作用** JavaScript是构建CMS系统的关键技术之一,特别是在前端开发中。它是一种动态、弱类型的脚本...

Global site tag (gtag.js) - Google Analytics