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


Making an web application which allows user to edit html templates and save those templets on server

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

什么是最佳实践?

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

帮助将不胜感激。目前,我正在构建所有编辑工具,如调色板并添加NicEdit轻量级文本编辑器。大多数情况下,一切都在使用Jquery lib,所以如果您知道通过Jquery解决此问题的方法,请告诉我。

解决方案可能会因您要实现的确切要求(包括此应用程序的流量)而异。

如果我从头开始创建它,我可能会选择一个混合解决方案:

  1. 客户端上的缓存模板状态
  2. 在各种用户事件上添加处理程序,例如"在文本框中键入/暂停","单击所见即所得编辑器菜单"
  3. 当用户被检测为空闲(在模板状态的上下文中)时,例如他刚刚按下了上传图像按钮,您可以通过 ajax 发送以在后端同步模板状态

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