设置extJs htmleditor的属性

时间:2012-04-29 16:46:17

标签: extjs html-editor

我有一个文本框,上面写着一些文字。现在,当有人点击文本框内部时,我打开一个html编辑器(http://docs.sencha.com/ext-js/3-4/#!/api/Ext.form.HtmlEditor),现在我想将文本框内的文本放在html编辑器中,以便用户可以轻松编辑并保存它。同样,当我打开html编辑器时,我想更新颜色框内的值以及html编辑器中的font-size和font-value。假设我可以从文本框中获取这些值。我试过谷歌搜索但无法找到如何做到这一点。

    Ext.QuickTips.init();  // enable tooltips
    new Ext.Panel({
    renderTo: 'text-editor',
    id: 'html-editor',
    width: 440,
    height: 100,
    frame: true,
    layout: 'fit',
    items: [
        {
            xtype: 'htmleditor',
            enableColors: true,
            enableAlignments: true
        }
    ]
});


    $('#selected-text-box').click(function() {
    showEditor(this.id);
    //TODO: Write code here to set the properties of editor with the properties set in textbox
});

现在,我想问一下。如何访问html编辑器的字段并设置它们的值。

1 个答案:

答案 0 :(得分:0)

试试这个,我会工作,但关于font-size我不知道

var Content = $('#' + textBoxId).html();
editor.setValue(Content);

我试过这个。它有效:)