防止 contenteditable 中除换行符和纯文本之外的所有内容答案

【问题标题】：Prevent everything other than newlines and plaintext in contenteditable防止 contenteditable 中除换行符和纯文本之外的所有内容
【发布时间】：2015-09-29 09:53:47
【问题描述】：

来自Contenteditable Height transition

我很快意识到内容可编辑的 div 可以从以下位置更改：

 <div contenteditable> </div>

到这里：

<div contenteditable style="background-image: none; background-position: 0% 0%; background-repeat: repeat;"><b><i>
    Testing <br> one two three
</i></b><div><b><i><br></i></b></div><div><br></div><div><br></div><div><br></div><div><br></div></div>

有没有一种简单的方法可以防止用户输入纯文本和换行符以外的任何内容？我会在服务器端清理它，也可以通过 JavaScript 进行一些初步清理，但是首先给用户一种可以将文本加粗等的想法并不是很好。

【问题讨论】：

那么，您希望只有br 元素留在那里吗？这样做的目的是什么？
基本上我需要它表现得像一个文本输入。我只使用 contenteditor，所以它可以增长。
我认为反对票说“只使用文本输入，该死的”。好的，明白了。
你需要在服务器端做，永远不要相信客户端。您可以通过收听HTML5 input events 并清理实际内容或使用 keyup/keydown 事件来使用相同的清理器前端。
如何发布内容以及在服务器端获得什么？

标签： javascript css contenteditable

【解决方案1】：

除非您使用文本区域，否则没有。

【讨论】：