在全球范围内为Rails app加载TinyMCE

时间:2012-03-20 02:30:26

标签: ruby-on-rails tinymce

所以我安装了tinymce-rails gem的这个实现:

  • gem 'tinymce-rails'添加到Gemfile并运行bundle install
  • //= require tinymce-jquery
  • 中配置app/assets/javascripts/application.js
  • 搞砸了看看我在sub-uri(con​​fig / application.rb中的config.relative_url_root)
  • bundle exec rake assets:precompile进行制作
  • 将此添加到我的表单中:

        <%= f.label:body%>
        <%= f.text_area:body,:class => “mceEditor”%>

      $(function(){     $( 'mceEditor')。TinyMCE的({       主题:'先进',       插件:'table',       theme_advanced_buttons1:'粗体,斜体,下划线,删除线,|,bullist,numlist,outdent,indent,|,forecolor,backcolor,|,justifyleft,justifycenter,justifyright,justifyfull,|,formatselect,fontselect,fontsizeselect',       theme_advanced_buttons2:'undo,redo,|,link,unlink,image,blockquote,hr,|,tablecontrols',       theme_advanced_buttons3:'',       theme_advanced_toolbar_location:'top',       theme_advanced_statusbar_location:'bottom',       theme_advanced_resizing:true     });   });

一切都很精彩!这是一个很棒的编辑。

但是,我不想在整个表单中提升脚本代码。可能是一个愚蠢的问题。但是放置此脚本代码的位置在哪里,因此全局(并自动)将用于类“mceEditor”的文本区域。

谢谢!

1 个答案:

答案 0 :(得分:0)

我跟着另一篇帖子来设置它。我不记得我从哪里读到它。所以道歉没有给予原作者应有的信誉。这就是我拥有它的方式。我认为它更清洁,而不必在整个过程中使用javascript。

  1. 设置config / tinymce.yml文件
  2. 添加<%= tinymce_assets%> <%= tinymce%>您希望它在哪里初始化以初始化它。例如,我有一个部分

    的形式   

      

      


    “tinymce”,:size => “100 x50”%>

      
  3. 这就是我在tinymce.yml文件中的内容

    theme_advanced_toolbar_location: top
    theme_advanced_toolbar_align: left
    theme_advanced_statusbar_location: bottom
    theme_advanced_buttons1 : 
      - bold
      - italic
      - underline
    theme_advanced_buttons2 : 
    theme_advanced_buttons3 : 
    plugins :
      - preview
      - autolink