3

我在 jquery-ui 选项卡小部件内的页面上有多个 CodeMirror 实例。我像这样动态创建这些实例：

//Returns a code mirror editor
editor.create = function(id){

    var codeID = "code-" + id;
    var $node = $('<form><textarea id="' + codeID + '" name="' + codeID + '">test</textarea></form>');
    editor.editors[id] = CodeMirror.fromTextArea($node.find("textarea").get(0), editor.options);

    return $node;


};

每个实例都存储在一个名为 的全局数组中editors。

一旦它被创建，它就会被附加到 DOM 中。

var $editor = editor.create(id);
var tabID = "tabs-" + id;
var $tab = $('<li id=' + id + '><a href="#' + tabID + '">' + name + '</a> <span class="ui-icon ui-icon-close" role="presentation">Remove Tab</span></li>');
var $tabPanel = $('<div id="' + tabID + '"></div>');

$tabPanel.append($editor);

$('#coder > ul').append($tab);
$('#coder').append($tabPanel);
coderTabs.tabs("refresh");

放置在文本区域中的测试文本显示在编辑器中。但是，调用editor.editors[id].save()不会更新 textarea。

$('#project-save').click(function(){
        var active = $( "#coder" ).tabs( "option", "active" );
        var id = $('#coder .ui-tabs-nav li').eq(active).attr("id");
        console.log(editor.editors[id]);
        editor.editors[id].save();
        return false;
});

我不确定我缺少哪个步骤来更新 textarea。任何帮助将非常感激！

4

1 回答 1

5

原来我对它是如何工作的有错误的概念。我添加.save()了onBlur，然后当需要.getValue()对编辑器实例上调用的数据进行处理时。

于 2013-04-01T18:31:03.833 回答