Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ruby-on-rails-4/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ruby on rails Rails 4:简单富文本编辑器(当前使用文本区域)_Ruby On Rails_Ruby On Rails 4 - Fatal编程技术网

Ruby on rails Rails 4:简单富文本编辑器(当前使用文本区域)

Ruby on rails Rails 4:简单富文本编辑器(当前使用文本区域),ruby-on-rails,ruby-on-rails-4,Ruby On Rails,Ruby On Rails 4,我目前正在使用f.text_区域供用户在表单中输入文本。由于这些条目可能相当长,我想让我的用户使用粗体、斜体和下划线来格式化输入 理想情况下,用户可以使用通用的cmd+b、cmd+i和cmd+u访问格式化选项 我知道contenteditable,但因为它不能应用于表单中的textarea,而只能应用于div,所以在rails表单中似乎不起作用 还有哪些其他选项可以很好地使用form_for?RubyonRails解决方案 轨道编辑 水星 铁轨 编解码器导轨 我个人建议Mercury,也有一个R

我目前正在使用f.text_区域供用户在表单中输入文本。由于这些条目可能相当长,我想让我的用户使用粗体、斜体和下划线来格式化输入

理想情况下,用户可以使用通用的cmd+b、cmd+i和cmd+u访问格式化选项

我知道contenteditable,但因为它不能应用于表单中的textarea,而只能应用于div,所以在rails表单中似乎不起作用

还有哪些其他选项可以很好地使用form_for?

RubyonRails解决方案

轨道编辑 水星 铁轨 编解码器导轨 我个人建议Mercury,也有一个Railscast可用于此特定宝石:

我希望这有帮助

我们以前已经实现过-下面是如何实现的方法,如果您愿意,我可以删除:

#Gemfile
gem 'ckeditor', '~> 4.1.6'

#app/assets/javascripts/application.js
//= require ckeditor/init

#config/initializers/asset.rb
Rails.application.config.assets.precompile += %w(ckeditor/*)

#app/assets/javascripts/ckeditor/config.js
CKEDITOR.editorConfig = function(config) {
  ...
};
这个gem的美妙之处在于,它允许您直接将文件上传到服务器,如果需要,我可以提供代码

您还可以将工具栏和样式更改为您喜欢的任何样式


虽然它很臃肿,但它是我们用过的最好的。另一个好处是,虽然它是高级的,而且我还没有看到与Rails的直接集成。

也许你需要我根本不想要工具栏,我只是想要热键将文本加粗和斜体-这样可以定制CKEditor吗?我根本不想要工具栏,我只是想让热键把文本变成粗体和斜体——有可能像那样定制Mercury吗?不幸的是没有。至少据我所知没有。我建议你使用https://github.com/galetahub/ckeditor 因为它将被整合到你的表格中。gem会自动选择简单的表单和表单格式,这样就简化了过程:哦,等等,我刚刚看到你对答案的评论,建议使用CKEditor。我怀疑这样的东西已经存在了。最好的方法可能是使用Javascript将某些行为应用于选定的文本。下面是一个类似的答案,可能正是您想要的:http://stackoverflow.com/questions/20880271/make-selected-text-bold-unbold.