小编Jal*_*ayn的帖子

如何将CodeMirror集成到KnockoutJS中?

我想将CodeMirror JavaScript编辑器集成到KnockoutJS中.我知道还有Ace,但在我看来,使用CodeMirror会更容易.

我已经为JQueryUI小部件和QTip集成了自定义绑定,但这些是我在Internet上找到的代码片段,然后我只需要修改非常小的部分.

不幸的是,似乎我已经达到了我对Javascript的限制所以我在这里转向JavaScript Sith Masters.我不一定希望为我写的全部内容,指针和关于如何继续的建议会有很大的帮助.

我有一段代码:

HTML(我删除了textarea上已有的自定义绑定,这里没关系)

<body>
    <textarea id="code" cols="60" rows="8" 
              data-bind="value: condition, 
              tooltip: 'Enter the conditions', 
              codemirror: { 'lineNumbers': true, 'matchBrackets': true, 'mode': 'text/typescript' }"></textarea>
</body>
Run Code Online (Sandbox Code Playgroud)

CodeMirror的自定义绑定处理程序的开始:

ko.bindingHandlers.codemirror = {
    init: function (element, valueAccessor, allBindingsAccessor, viewModel) {
        var options = valueAccessor() || {};
        var editor = CodeMirror.fromTextArea($(element)[0], options);
    }
};
Run Code Online (Sandbox Code Playgroud)

目前,这不会产生JS错误,但会显示2个文本区域而不是1个.

那我接下来该怎么办?

javascript codemirror knockout.js

8
推荐指数
1
解决办法
2711
查看次数

标签 统计

codemirror ×1

javascript ×1

knockout.js ×1