2012-03-20 43 views
0

因此,我安装这个实现tinymce-rails宝石:加载TinyMCE的对Rails应用程序

  • 新增gem 'tinymce-rails'到Gemfile中跑bundle install
  • app/assets/javascripts/application.js配置//= require tinymce-jquery
  • 搞砸各地去TinyMCE的,看我是在子URI(在配置/ application.rb中config.relative_url_root)
  • bundle exec rake assets:precompile生产
  • 将此添加到我的表格:

    <%= f.label:主体%>
    <%= f.text_area:主体,:类=> “mceEditor” %>

    $(函数(){ $( 'mceEditor')TinyMCE的({ 主题:'advanced', 插件:'table', theme_advanced_buttons1:'粗体,斜体,下划线,删除线,| bullist,numlist,outdent,indent,| forecolor,backcolor,| justifcenft,justifycenter,jus jusright, justifyfull,|,formatselect,fontselect,fontsizeselect”, theme_advanced_buttons2: '撤销,重做,|,关联,解除关联,图像,BLOCKQUOTE,小时,|,tablecontrols', theme_advanced_buttons3: '', theme_advanced_toolbar_location: '顶部', theme_advanced_statusbar_location:'bottom', theme_advanced_resizing:true }); });

所有的作品奇妙!这是一个很棒的编辑器。

但是,我不想在整个表格中提升脚本代码。可能是一个愚蠢的问题。但是,放置这个脚本代码的地方在哪里,因此它是全局的(并且自动地)被用在类“mceEditor”的文本区域上。

谢谢!

+0

因此,我通过将tinymce init脚本添加到'app/views/layouts/application.html.erb'来入侵它。但是,即使在没有编辑器的情况下,它也会包含在每个页面中。 – peterept 2012-03-20 03:25:27

+0

嗯,我不完全如何铁轨的工作,但脚本片段应该放在你想要你的编辑器的页面上 – Thariama 2012-03-20 08:42:50

回答

0

我跟着另一篇文章让它成立。我不记得我从哪里阅读它了。所以我不愿意对原作者给予应有的赞誉。这是我的方式。我认为它更清洁,不必撒在整个JavaScript。

  1. 建立一个配置/ tinymce.yml文件
  2. 添加<%= tinymce_assets%> <%,你想让它被初始化,初始化它= TinyMCE的%>。例如,这是我在局部形式


    “TinyMCE的”,:大小=> “100×50” %>

这是我在我的心灵中所拥有的。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