JSFiddle - React, Tailwind, and code Playground

by rniemeyer

HTML

_<span data-bind="shortcut: 'Hey!'">?</span>_

<script type="text/html" id="someTemplate">
   !<div data-bind="text: $data"></div>!
</script>

JavaScript

ko.bindingHandlers.shortcut = {
        init: function(element, valueAccessor, allBindings, viewModel, bindingContext) {
            
            ko.applyBindingAccessorsToNode(element, {
                template: function() {
                    return {
                        name: 'someTemplate',
                        data: valueAccessor()
                    };
                }
            }, bindingContext);
            
            return { controlsDescendantBindings: true };
        }
};

ko.applyBindings({})