JSFiddle - React, Tailwind, and code Playground

by patelsan

HTML

<div data-bind="html2: value"></div>

JavaScript

ko.bindingHandlers['html2'] = {
    'init': function() {
        return { 'controlsDescendantBindings': false };
    },
    'update': function (element, valueAccessor) {
        var value = ko.utils.unwrapObservable(valueAccessor());
        ko.utils.setHtml(element, value);
    }
};

var viewModel = function () {
    this.value = '<div data-bind="click: hello">Click Me</div>';
    
    this.hello = function () {
        alert("hello");
    };
};

ko.applyBindings(new viewModel());