在Netzke中使用Ext JS插件

时间:2012-03-01 14:21:20

标签: javascript ruby extjs netzke

https://github.com/rbartholomay/ExtJS.ux.HtmlEditor.Plugins是一个群组 用于htmleditor字段的ExtJS4兼容插件。 在包含htmleditor字段的Netzke表单面板中使用这些插件的最佳方法是什么? 更一般地说,我想知道如何在Netzke中使用ExtJS插件。

以下是我的一些代码:

class DocumentForm < Netzke::Basepack::FormPanel

config do
  { 
    :title => "Edit Document",
     :items => model_fields
  }
end

def model_fields
  [{
    :xtype => 'textfield',
    :field_label => 'Title',
    :name => 'title',
    :allowBlank => false,
    :read_only => false
  },
  {
    xtype: 'htmleditor',
    name: 'body',
    field_label: 'Bodytext',
    height: 300,
    anchor: '98%',
    read_only: false,
  }]
end

我想对htmleditor的工具栏进行一些更改,但无法弄清楚如何在Netzke中指定它。请帮忙。

2 个答案:

答案 0 :(得分:1)

这取决于ExtJS4 API。你可以将htmleditor的任何配置属性直接传递给你的项目哈希配置,如

{
  :xtype => :htmleditor,
  :some_config => "some_value"
}

因为当您使用“:xtype”时,netzke将使用您喜欢的配置创建ExtJS组件。它不是Netzke组件。 (像Netzke :: Basepack :: Panel不同于:xtype =&gt;:panel)

答案 1 :(得分:0)

你做了什么“做出一些改变”?我想你想从htmleditor中删除一些基本人员,比如字体,超链接,是吗? 这很简单:

    xtype => 'htmleditor',
    name => 'body',
    field_label: 'Bodytext',
    height => 300,
    anchor => '98%',
    read_only => false,
    enableColors => false,
    enableAlignments => false,
    enableFont => false,
    enableFontSize => false,
    enableFormat => false,
    enableLists => false

我认为这就是你要找的东西。