Question

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

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

div contentEditable =“true”

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

PS：我是HTML的新手。

Answer 1

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

3个最受欢迎的CMS系统：

Answer 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)

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

2 个答案: