制作一个允许用户编辑html模板并将这些模板保存在服务器上的Web应用程序

Question

我正在创建一个Web应用程序，它允许您从模板列表中选择一个模板，然后用户可以通过拖放和普通的wysiwyg编辑器在我的网站上编辑该模板。现在我的问题是，

最佳做法是什么？

1. 在php中创建基本模板，并通过ajax调用不断更改组件的值。或...
2. 在客户端操作整个模板（仅使用javascript）并在保存时获取模板的当前状态并将其发送到服务器以保持持久性。（我不确定这是否可行）

帮助将不胜感激。目前我正在构建所有编辑工具，如调色板和添加NicEdit轻量级文本编辑器。大部分都是使用Jquery lib所以如果你知道通过Jquery解决这个问题的方法，请告诉我。

Answer 1

解决方案可能会根据您尝试实现的具体要求（包括此应用的流量）而有所不同。

如果我是从头开始创建这个，我可能会选择一个混合解决方案：

1. 客户端缓存模板状态
2. 为各种用户事件添加处理程序，例如“在文本框中输入/暂停”，“点击您的所见即所得编辑器菜单”
3. 当用户被检测为空闲时（在模板状态的上下文中），例如他只需按下上传图片按钮，就可以通过ajax发送到后端的同步模板状态

PS：确保在页面卸载和其他相关事件上添加事件，以确保在用户离开页面之前已使用后端同步客户端模板状态。