用Html/Javascript填充Textarea，同时保持它与knockout.js解耦

我试图用动态代码填充一个文本区，随着客户端事件id的变化而变化。我下面的实现如下，我不确定是否有更好的方法。我遇到了两个问题。首先是我想删除绑定html后的数据绑定元素，并在文本区显示它，其次是javascript正在消失。想法吗?我试图做什么谷歌分析做当你复制和粘贴他们的代码，但我的页面上是动态的。

<script type="text/javascript">
    app.viewModel.members.widgets = {
        type: ko.observable(),
        code: ko.observable(),
        list: [
            { id: 'registration', type: '@((int)WidgetType.Registration)' },
            { id: 'payments', type: '@((int)WidgetType.Payments)' }
        ]
    };

    app.viewModel.members.widgets.selectedWidget = ko.computed(function() {
        if (!app.viewModel.members.widgets.type())
            return null;
        return ko.utils.arrayFirst(app.viewModel.members.widgets.list, function(widget) {
            return widget.type == app.viewModel.members.widgets.type();
        });
    });

    ko.bindingHandlers.initializeValueWithHtml = {
        update: function(element, valueAccessor) {
            var value = valueAccessor();
            if (ko.isObservable(value)) {
                value($(element).html());
            }
        }
    };
</script>

<textarea data-bind="value: code, click: function(vm, e)  { $(e.currentTarget).select(); } ">
            </textarea>

   <pre class="hidden" data-bind="if: $root.members.widgets.selectedWidget(), initializeValueWithHtml: code">
            <div data-bind="attr: { id: 'ebt-' + $root.members.widgets.selectedWidget().id,  'data-href': 'https://test.com/widgets/v1/' +  $root.members.widgets.selectedWidget().id + '?eventid=@Model.EventId    ' }" data-width="100%" data-height="500px"></div>
            <script type="text/javascript">
                (function (d, s, id) {
                    var js, fjs = d.getElementsByTagName(s)[0];
                    if (!d.getElementById(id)) {
                        js = d.createElement(s);
                        js.id = id;
                        js.async = true;
                        js.src = "//test.com/scripts/exposure.widgets.min.js";
                        fjs.parentNode.insertBefore(js, fjs);
                    }
                })(document, "script", "ebt.widgets");
            </script>
        </pre>