我正在尝试制作一系列项目,让用户编辑网站的内容,但我想向他们展示正在实时编辑的代码。类似于 jsFiddle,或者更类似于在 Tumblr 主题中编辑代码的方式。但是,我不希望他们能够编辑任何代码,只需查看即可。
我可以为此使用任何想法、工具、语言等吗?
谢谢!
找到了一种有趣的方法,通过将 HTML 推送到 TextArea 元素中,实体将自动被解码:
var escape = document.createElement('textarea');
function escapeHTML(html) {
escape.innerHTML = html;
return escape.innerHTML;
}
document.write(escapeHTML('<html>'+document.documentElement.innerHTML+'</html>'));
您可能还会发现contenteditable
教他们有趣的属性。