HTML5 ContentEditable仅在登录时使用

Question

我正在为某人创建一个非常基本的网站，他们只希望能够编辑网站的某些属性，即正文。我认为使用ContentEditable将是最好的解决方案，因为WordPress或类似的CMS对于这么简单的事情来说是完全过度的。以下列出了我正在寻找的内容，如果有人能帮助我，我将非常感激！

1. 基本登录表单（只需要一个用户/密码（对于管理员））在它自己的页面上。
2. 登录后，管理员可以看到常规用户看不到的“编辑”图标/按钮。
3. 点击它会激活ContentEditable，一旦完成编辑，就会有一个“保存”按钮，可以保存文本，供所有人查看。

我试图远离MySQL，这是我认为这是最好的方法的另一个原因。我只是难以登录/保存部分。

Answer 1

虽然仍处于测试阶段。

http://selectorapp.net/

使用ftp作为登录。

Answer 2

我一直在撞墙，试图为自己的项目寻找类似的东西。我刚刚找到Runty，看起来它符合您的需求。

它使用PHP和Javascript与HTML5 contenteditable。基本上，您只需在页面中嵌入PHP脚本，并通过为HTML元素设置runty-editable CSS类来定义可编辑区域。然后登录http://yoursite.com/runty。

看起来该项目在几个月内还没有更新，我仍然需要尝试一下。

Answer 3

这样的事情：

http://mojomotor.com/

虽然需要数据库而不是免费的

或类似且免费，非常基本的CMS

http://get-simple.info/

Answer 4

有人已经提到它（虽然它仍处于测试阶段），但结帐：selector.io

这将解决您的所有问题：

1. 为用户提供登录界面

2. 精美的编辑器，以便用户轻松进行更改，请在此处进行尝试：selector.io/demo

3. 将更改保存回服务器的HTML文件（服务器上没有安装任何内容）

最小化设置，以及它可以在高度互动和动画网站上使用。

Answer 5

我知道这是一个非常古老的问题，但我上个月为一个非常相似的目的建造了一些东西。它完全是客户端，非常轻。

这是Chrome的扩展，让您使用os.system(command)作为CMS，类似于您描述的内容。

您需要在要启用“pedit”的页面上包含一个Javascript文件，并在该页面中应该可编辑的元素中添加contenteditable属性。

之后，在Chrome浏览器中查看您的网站时，您可以通过打开扩展程序进行登录（第一次执行此操作时，它会要求您设置密码）并开始编辑您的个人标记。再次点击扩展程序图标时，它会保存所有更改。

在https://stackoverflow.com/a/16313099/2999943

上查看