我想要一个包含一些文本的元素（从数据库调用），单击该元素并能够编辑文本，然后当我单击该元素时，将更新的文本保存在数据库中。
我主要想知道这样做的“最佳”方式。我考虑过的两件事是在您单击/关闭元素时交换元素和文本区域。
或者
如果用户已登录，只需将所有可编辑元素加载为 ，样式化为在单击它们之前看起来不像文本区域。
一个页面上将有 5-100 个不同的可编辑元素，所以我真的只需要最好的性能解决方案来解决这样的问题。我可以想象用 js 交换元素会比只检查用户是否是管理员然后加载 100 个文本区域要慢。
哪个是最好的解决方案？（也接受其他替代方案）