jquery - jQuery 模板 - 反向模板

Question

所以我正在开发一个内置模板功能的文档系统。在一个页面上，您将使用 jQuery 模板标记创建带有“标签”的模板：

${RestaurantName}
${ContactName}

然后在文档页面上，您将选择要使用的模板，然后它将您的标签转换为 HTML 标记。文档页面使用 CKEditor 进行所见即所得的编辑。现在我有它，所以当模板被渲染时，它看起来像：

<span class="RestaurantName">Ruby Tuesdays</span>
<span class="ContactName">Bob Smith</span>

这个想法是在我将文档发送回数据库进行保存之前，我想将我的背部转换为模板标签，这样如果数据在网站上的其他地方更新，它也会在页面再次呈现时更新。

任何关于我如何实现这一点的帮助或指示都会有很大的帮助。谢谢！

Answer 1

通过 StackOverFlow 聊天室的一些帮助，我能够弄清楚如何转换上述文本：

var editorText = ckeditor.ckeditorGet().getData(), temp = $('<div />').append(editorText);

$.each(templateTags, function(name, val){
    temp.find('span.'+name).after('{{html '+name+'}}').remove(); 
}); 

console.log(temp.html()); 

Answer 2

考虑从 DOM 获取数据而不是“反向模板”可能更容易。查看$.link()（jQuery 1.4.3）或使用jeditable插件动态更新元素数据。