javascript - 在 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) 使用重置 contenteditable 元素中相应元素的 html 的函数来处理更改事件。

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