Rails 3.1 ckeditor:在工具栏中添加fontsize?

时间:2012-02-24 04:17:31

标签: ruby-on-rails ruby-on-rails-3 ruby-on-rails-3.1 ckeditor

我在我的rails 3.1应用程序中有ckeditor但我无法将fontsize和字体下拉列表添加到我的工具栏。

我的编辑视图代码:

<%= javascript_include_tag "ckeditor/ckeditor.js" %>
...
<%= form_for @page, :html => { :class => 'edit_page', :id => "page_form" } do |page| %>
...
<%= page.cktext_area :content, {:height => "350px", :width => "920px"}%>
...
<% end %>

我可以调整高度和宽度但不添加任何其他参数吗?

4 个答案:

答案 0 :(得分:2)

可能会迟到,但在rails 3.1应用中,您可以转到/vendor/bundle/ruby/1.8/gems/ckeditor-3.7.0/vendor/assets/javascripts/ckeditor/config.js这是工具栏的配置发生位置。

以下是我配置的例子

    ..
    ...
     /* Toolbars */
      config.toolbar = 'Easy';

      config.toolbar_Easy =
        [
            ['Source','-','Preview'],
            ['Cut','Copy','Paste','PasteText','PasteFromWord',],
            ['Undo','Redo','-','SelectAll','RemoveFormat'],
            ['Styles','Format','FontSize'],['Maximize','-','About'],
            ['Subscript', 'Superscript', 'TextColor'],
            ['Bold','Italic','Underline','Strike'], ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
            ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
            ['Link','Unlink','Anchor'],
          /*   ['Image', 'Attachment', 'Flash', 'Embed'], */
            ['Table','HorizontalRule','Smiley','SpecialChar','PageBreak']
        ];
    ...
    ..

并且有一个关于此配置在表单中的外观的图像

ckeditor modified toolbar

答案 1 :(得分:1)

我以前从未使用过这个gem或者ckeditor,但是看看他们的文档似乎很简单。

看起来你只需修改public / javascripts / ckeditor / config.js

config.fontSize_sizes = '16/16px;24/24px;48/48px;';

参考文献

https://github.com/galetahub/ckeditor

http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.fontSize_sizes

答案 2 :(得分:1)

您可以安装此插件http://ckeditor.com/addon/font

提取并复制&#34;字体&#34;文件夹到if cookie != hidden_field then <reject>目录然后在你的代码中调用插件。

ckeditor/plugins

现在,您的工具栏将显示字体系列和大小选项,如下所示

font-family and fontsize in ckeditor

答案 3 :(得分:0)

rmagnum2002,是否可以更改工具栏按钮的宽度和高度。例如:改变尺寸宽度下拉框。

我添加了一些插件,但不知道如何更改插件的宽度?