A binding handler for binding knockout observables to a wysihtml5 editor

wysihtml5 ko binding handler

ko.bindingHandlers.wysihtml5 = {
        control: "",
        init: function (element, valueAccessor, allBindingsAccessor, viewModel) {
            control = $(element).wysihtml5({
                "events": {
                    "change" : function() {
                        var observable = valueAccessor();
                        observable(control.getValue());
                    }
                }
            }).data("wysihtml5").editor;
            

        },
        update: function (element, valueAccessor, allBindingsAccessor, viewModel) {
            var content = valueAccessor();
            
            if (content != undefined) {
                control.setValue(content());
            }
        }
    };

This code is actually wrong once you have more than 1 WYSIHTML5 control on the page, or a variable called "control" in the global scope.

The "control" variable will be shared between all instances of the binding, and the wrong updates will be fired!