如何创建一个只接受纯文本输入但可以显示格式化文本的HTML元素？

Question

我需要创建一个非常基本的在线WYSIWYG编辑器，它只支持一些格式化选项（例如粗体，斜体，字体颜色）。我尝试使用启用了contenteditable的div。

我遇到的一个问题是用户可以使用比我希望编辑器支持的更多格式选项来粘贴文本（例如列表，字体大小等）。是否有可靠的跨浏览器方法来确保将粘贴的文本转换为剥离格式的纯文本（或者更好，只允许编辑器想要支持的格式化选项）？

以下是一个例子：

http://jsfiddle.net/Bgr7h/

Answer 1

var input = document.getElementById("input").innerHtml;

$( ".input" ).keyup(function() {
    if(input.indexOf("<li>")) {
        input.split("<li>").join(" ");
    }
});

这不起作用，但它是一个建议，你可以做一些事情