5

我试过这个编辑器,但收到很多错误,可能存在一些编辑器,我可以轻松安装和更新图像。

我的回答:现在我用这个编辑器,很容易安装。

4

3 回答 3

6

我将 tinymce 与gem'tiny_mce'一起使用并carrierwave用于图像上传。我对 tinymce 的设置如下:

$(function() {
  tinyMCE.init({
    mode: "textareas",
    editor_deselector: "plain",
    theme: "advanced",
    plugins: "advimage,inlinepopups,save,autosave",
    external_image_list_url: '#{image_list_admin_static_images_url}',
    relative_urls: false,

    theme_advanced_buttons1: "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,formatselect",
    theme_advanced_buttons22: "",
    theme_advanced_buttons3: "",
    theme_advanced_toolbar_location : "top",
    theme_advanced_blockformats: "p,h2,h3,h4"
  })
}

重要的部分是image_list_admin_static_images_url我的路线:

resources :static_images do
      get :image_list, :on => :collection
end

StaticImagesController 中的方法如下所示:

 def image_list
    @image_list = "var tinyMCEImageList = #{StaticImage.image_list.to_json}"
    render :js => @image_list
 end

在位于模型中的 image_list 方法中:

 def self.image_list
    all.map{ |im| [im.alt, im.image.url] }
 end

此设置非常适合我,您需要根据自己的需要对其进行自定义。希望这会帮助你。TinyMCE 是一个非常好的和强大的所见即所得编辑器。

正如chech评论部分所建议的,您可以通过以下方式调整此解决方案以用于active_admin

要在活动管理员中使用它,只需替换此路由: match "admin/model_name/:id/js_image_list", :action => "js_image_list", :controller => "admin/model_name". 然后创建一个js_image_list在活动管理模型文件中调用的操作。tinyMCE.init 的配置是:external_image_list_url : "js_image_list"

于 2011-09-14T09:28:39.473 回答
1

似乎 tinymce 绝对受 rails 3.1 支持。这是链接
http://rubygems.org/gems/tinymce-rails

您所要做的就是将以下内容添加到您的 Gemfile

gem 'tinymce-rails'

根据您是否要使用 jquery,您可以将以下选项添加到 application.js

//= require tinymce-jquery
//= require tinymce

我个人选择了 jquery,所以我将此行添加到与我的控制器/视图对应的 js.coffee 文件中

tinyMCE.init
  mode: 'textareas',
  theme: 'advanced'

如果您不想使用 jquery,您可以将此脚本添加到您的视图中

<script type="text/javascript">
  tinyMCE.init({
    mode: 'textareas',
    theme: 'advanced'
  });
</script>
于 2011-10-20T21:41:59.323 回答
0

我遇到了 tinymce 和 Rails 资产管道的问题。我还没有找到一种方法来增加字体大小来启动tinymce。默认字体大小非常小。

如果您使用 twitter bootstrap,一个很棒的选择是:

https://github.com/jhollingworth/bootstrap-wysihtml5

如果你想要一些适用于 HTML5 的东西,我会选择:

http://jejacks0n.github.com/mercury/

惊人的!

于 2012-10-28T18:41:36.997 回答