如何在 HTML 中创建可编辑的内容答案

【问题标题】：How do I create editable content in HTML如何在 HTML 中创建可编辑的内容
【发布时间】：2015-03-02 17:45:21
【问题描述】：

如何在 HTML 中创建可编辑的内容。也就是说，如果我想为某个部分提供一个编辑按钮，然后单击该按钮使该部分中的内容可读。有点像如何在 quora 上编辑帖子。

例如，如果我们使用标签。

div contentEditable="true"

如果您单击内容，则可以更改内容。但我希望只有在单击编辑按钮时才能更改内容。

PS：我是 HTML 新手。

【问题讨论】：

什么意思？类似于您网站的 CMS 系统之类的东西？
你的意思是像使用服务器和数据库来存储和获取信息？
No like here 当您单击添加 cmets 时会出现一个编辑框，您可以添加评论权。就像我希望在单击编辑按钮时出现一个编辑框。这不仅限于开发人员。如果有权访问该页面，任何人都应该能够编辑此内容。
@HarikrishnanGNair 是的，这些 cmets 位于数据库的服务器上。这是服务器端编程。当您发表评论时，它会存储在数据库中，当用户访问此页面时，将从数据库中检索信息。

标签： html edit

【解决方案1】：

HTML 只是一种标记语言。对于网站的高级交互，必须使用 PHP、ASP.NET 或 Javascript 等语言。我建议你找到一些关于开源系统的东西，它使你能够管理你想要的网站。

3 种最流行的 CMS 系统：

【讨论】：

实际上，我的网站是一个包含指向其他网站链接的登录页面。我想添加一个公告 div，它应该可以由没有任何 html 知识的人编辑。对于只有一个部分回到绘图板似乎是个坏主意。这就是为什么我想弄清楚一些事情
您需要一个网站，当用户更改要存储在某处（在数据库中）的内容时，它只能使用 JavaScript (Ajax) 或 PHP 来完成，并存储在数据库中（ MySQL 等）。 HTML 没有机会提供您正在寻找的内容。
哦..好的..我会尝试了解更多相关信息。

【解决方案2】：

这是一个指针，但正如 @Mardzis 的回答所建议的，还有更多。

$('.editable').editable({event: 'click'})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.rawgit.com/victorjonsson/jquery-editable/master/jquery.editable.min.js"></script>
<p class="editable">This is a simple paragraph</p>

这使您可以使任何内容可编辑。如果您需要保存您正在编辑的内容，那么我强烈建议您研究不同的后端解决方案。 @Mardzis 提供了一些软件解决方案，您可能还希望使用 PHP、node.js 或类似工具进行调查。

更多 JavaScript 解决方案，请看这里：How to make an element's content editable with JavaScript (or jQuery)

【讨论】：

我需要保存更改。但非常感谢您的回复。这真的很有帮助。