Edit Question - KnowledgeHub

Title Body

I would like to integrate the CodeMirror JavaScript editor into KnockoutJS. I know there is also Ace, but it seems to me it would be easier with CodeMirror. I already integrated custom bindings for JQueryUI widgets and QTip but these were pieces of code I found on the Internet and I then only needed to modify very small parts. Unfortunately, it seems I've reached my limits on Javascript so I'm turning to JavaScript Sith Masters here. I don't necessarily want the whole thing written for me, pointers, and advice on how to continue would be of great help. The piece of code I have: The HTML (I removed custom bindings I already have on the textarea, they don't matter here) <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> The start of my custom binding handler for CodeMirror: ko.bindingHandlers.codemirror = { init: function (element, valueAccessor, allBindingsAccessor, viewModel) { var options = valueAccessor() || {}; var editor = CodeMirror.fromTextArea($(element)[0], options); } }; At the moment, this does not produce JS errors but 2 text areas are displayed instead of one. So what should I do next ?

Tags (comma-separated) Cancel