knockout.jsでエスケープ処理を行った上でnl2brするカスタムバインディング

ko-nl2br.js

ko.bindingHandlers.nl2br = {
    update: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
        var field = ko.utils.unwrapObservable(valueAccessor());
        var lines = field.split(/\r\n|\r|\n/).map(function(line) { return document.createTextNode(line) });
        var div = document.createElement('div');
        lines.forEach(function(line, idx, lines) {
            div.appendChild(line);
            if (idx !== lines.length - 1) {
                div.appendChild(document.createElement('br'))
            }
        });
        ko.bindingHandlers.html.update(element, function() { return div.innerHTML; });
    }
};