`

Rails下容易使用的富文本编辑器

阅读更多
老牌的编辑器fckeditor TinyMCE

实际上rich editor要看自己的需要,比如有多大程度上定制,主要的编辑功能是什么。

如果你希望简单容易用的话tiny_mce,rails的TinyMce wrapper还不错
http://github.com/kete/tiny_mce
使用如下:

安装 gem install tiny_mce


配置
#config/environment.rb
config.gem 'tiny_mce'


controller 加载

uses_tiny_mce


修改要使用富文本的text area

:class => "mceEditor"


在view层添加

<%= include_tiny_mce_if_needed %>

很简单就可以用了。

也支持一些配置如下:

 uses_tiny_mce :options => {
                              :theme => 'advanced',
                              :theme_advanced_resizing => true,
                              :theme_advanced_resize_horizontal => false,
                              :plugins => %w{ table fullscreen }
                            }


还支持一些插件来增强功能。

问题也存在,默认是不支持文件上传的。如果需要的文本编辑器必须有上传文件功能的话,就不是十分合适要额外的工作。
http://tinymce.moxiecode.com/


另外的一个tinymce的rails wrapper介绍
默认是支持上传 分页会加载上相应的gem
例如上传用的paperclip
官网如下:
http://github.com/sandipransing/rails_tiny_mce

YuiEditor也有一个rails gem的wrapper
不介意加载了jquery再多加一个rubyscript的也可以考虑

http://hlee.iteye.com/blog/703228

easy-fckeditor
如果,你有多个地方需要使用富文本编辑器,并且需要定制不同的地方显示不同的编辑器工具。那么,
easy-fckeditor会更合适
http://github.com/gramos/easy-fckeditor


最后,当我们使用了富文本编辑器的时候,就要考虑javascript 注入之类的问题了
那么考虑Sanitize gem
1
0
分享到:
评论

相关推荐

    Trix是Rails框架的创造者开发的一个富文本编辑器

    Trix是一款由Ruby on Rails框架的创始人David Heinemeier Hansson所开发的富文本编辑器。这个工具的设计理念是提供一个简洁、易于使用的界面,同时保持强大的文本处理能力,尤其适合于网页应用中的内容编辑场景。它...

    富文本编辑器summernote

    富文本编辑器是网页开发中常见的一种工具,用于创建、编辑和格式化文本内容,使得非程序员也能轻松地创建复杂的页面布局和样式。Summernote是一款功能强大的富文本编辑器,以其直观易用和高度定制化的特性深受开发者...

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

    请随意在 Rails 4 上拉取和自定义 tinymce 编辑器版本 4。 由于我在之前的项目中使用了 TinyMce 编辑器,因此我想分享我所做的事情,毕竟分享是关怀 ;) 我添加了菜单按钮、具有子菜单项的菜单项以及一个列表框。 ...

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

    插件使用jrails(jQuery)和Paperclip插件来支持图像和媒体上传特征提供富文本编辑器可自定义的TinyMCE插件易于整合支持图像上传和插入支持媒体上传和YouTube嵌入待办事项:文档上传插件安装将此行添加到您的应用...

    Trix:用于日常写作的富文本编辑器-开源

    用于日常写作的富文本编辑器。 在您的 Web 应用程序中撰写格式精美的文本。 Trix 是一个用于编写消息、评论、文章和列表的编辑器——大多数网络应用程序都是由这些简单的文档组成的。 它具有复杂的文档模型,支持...

    ruby rails_kindeditor(编译器)插件

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

    ror文本编辑插件

    在Ruby on Rails(RoR)框架中,开发者经常需要处理用户输入的数据,这通常涉及到文本编辑器的使用。"ror文本编辑插件"显然是一种专为Rails应用设计的工具,旨在提升用户在网页上编辑文本的体验。这个插件可能包含...

    text-editor-orchestrate:使用 Ruby on Rails 和 Orchestrate.io 的简单文本编辑器

    在本项目"**text-editor-orchestrate**"中,我们看到一个使用Ruby on Rails框架和Orchestrate.io服务构建的简单文本编辑器。Ruby on Rails(简称Rails)是一个流行的开源Web应用程序框架,遵循MVC(模型-视图-控制器...

    征服-Ruby On Rails.rar

    另外,Action Text引入富文本编辑和处理,Action Policy增强了权限控制。 为了开始学习Ruby on Rails,你需要安装Ruby环境,然后通过`gem install rails`安装Rails。接着,你可以使用`rails new`命令创建一个新的...

    CKeditor编辑器

    总结来说,CKeditor是一个强大的富文本编辑器,其丰富的功能和高度的可定制性使其成为网站内容管理的得力工具。无论是个人博客、企业网站还是在线教育平台,CKeditor都能提供一个高效、稳定的编辑环境,帮助用户轻松...

    Rails Recipes Final.pdf

    **Showing a Live Preview**:显示实时预览,通常用于富文本编辑器等场景,让用户能够即时看到输入结果的变化。 4. **Autocomplete a TextField**:自动完成文本字段,通过Ajax请求实现对输入框内容的建议提示,...

    wysiwtf_editor:富文本编辑器和差异沙盒

    欢迎到Rails的 Rails 是一个 Web 应用程序框架,它包含根据模型-视图-控制模式创建数据库支持的 Web 应用程序所需的一切。 此模式将视图(也称为演示文稿)拆分为“哑”模板,这些模板主要负责在 HTML 标记之间...

    StimulusReflex、CableReady、Turbo、Vite、Devise、Rails7准.zip

    这个版本引入了许多新特性和改进,如ActionText(用于富文本编辑)、ActionView组件化、 Turbo和Alpine.js集成等,旨在提升开发效率和用户体验。 现在,让我们更深入地探讨一下Rails 7和这些技术如何结合使用: - ...

    前端项目-sir-trevor-js.zip

    Sir Trevor JS是一个开源的富文本编辑器,它使用户能够在网页上创建和编辑结构化的、富媒体的内容,而不仅仅是传统的纯文本。 在深入探讨Sir Trevor JS之前,我们先来了解一下前端项目的基本概念。前端项目通常涉及...

    summernote-master.zip

    在现代网页开发中,文本编辑器是一个不可或缺的组件,它允许用户在浏览器上进行富文本编辑,如创建和编辑文章、博客或邮件。其中,Summernote是一款非常受欢迎的开源前端页面文本编辑器控件,以其直观易用和高度可...

    Scrum Poker in Rails5, docker-compose

    Rails5引入了许多改进,如Action Cable支持实时通信,Action Text处理富文本编辑,以及更好的API模式。在构建Scrum Poker应用时,我们可以利用这些特性来创建用户界面,处理用户交互,并通过WebSocket实现实时更新。...

    spree_pages:Spree 4.2的Shopify样式页面-内置动作文本

    适用于Spree 4.2及更高版本的Shopify样式页面简单易用,并且可通过配置随时使用Action Text(TRIX富文本编辑器)。 安装 使用以下命令将此扩展名添加到您的Gemfile中: gem 'spree_pages' , github : '...

    Ruby-ForemRails3和Rails4论坛引擎

    3. **Markdown 支持**: Forem支持Markdown语法,让用户可以使用简单的文本格式来创建富文本内容,如加粗、斜体、链接等。 4. **标记系统**:用户可以通过标签对帖子进行分类,便于其他用户搜索和发现相关话题。 5...

    rails-wxshop:Rails Vue商店框架

    整合 ueditor 富文本编辑器 创建后台管理员 bundle exec spree_auth:admin:create 配置七牛云镜像存储与CDN 修改 config/application.yml 文件 default: &default qiniu_domain: "qiniu_domain" qiniu_access_key:...

    ruby rails recipes

    例如,在编写 Markdown 或者富文本编辑器时,用户可以即时看到格式化后的结果。 **实现步骤:** - 使用 JavaScript 监听输入事件。 - 根据输入的内容动态更新预览区域。 **示例代码:** ```javascript // app/...

Global site tag (gtag.js) - Google Analytics