jQuery模板 - 反向模板

Question

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

${RestaurantName}
${ContactName}

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

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

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

任何有关如何实现这一目标的帮助或指示都将是一个巨大的帮助。谢谢！

Answer 1

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

Answer 2

通过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());