JSFiddle - React, Tailwind, and code Playground

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) {
            var data = valueAccessor();
            var nextValueAccessor = function () {
                return  { name: 'someTemplate', data: data };
            };
            ko.bindingHandlers.template.init.call(this, element, nextValueAccessor, allBindings, viewModel, bindingContext);
        }
}

ko.applyBindings({})