在contenteditable div中自动更新模板

Question

我有一个contentEditable div元素，我在其中插入一个带有document.execCommand方法的下划线模板：

var data = {a: 100, b: 200};

var info = _.template('<span><%= data.a %>,<%= data.b %></span>');

document.execCommand('insertHTML', false, info({'data': data}));

这是按预期工作的。我现在正在寻找一种方法，以便在数据源更改时自动更新此span元素。有没有办法做到这一点？

Answer 1

以防它对任何人都有用，这就是我如何做到的 -

1）向数据源添加了事件触发/订阅机制。 2）在任何数据更改时触发“更改”事件。 3）使用一个函数处理change事件，该函数重置contenteditable元素中相应元素的html。

仍在寻找更优雅的解决方案。