Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何向用户显示网站的代码?_Html_Edit_Jsfiddle - Fatal编程技术网

Html 如何向用户显示网站的代码?

Html 如何向用户显示网站的代码?,html,edit,jsfiddle,Html,Edit,Jsfiddle,我正在尝试制作一系列项目,让用户编辑网站内容,但我想向他们展示实时编辑的代码。类似于JSFIDLE,或者更类似于在Tumblr主题中编辑代码的方式。但是,我不希望他们能够编辑任何代码,只要看看就可以了 有什么想法,工具,语言等,我可以用这个吗 谢谢大家! 找到了一种有趣的方法,通过将HTML推入TextArea元素,实体将自动解码: var escape = document.createElement('textarea'); function escapeHTML(html) { e

我正在尝试制作一系列项目,让用户编辑网站内容,但我想向他们展示实时编辑的代码。类似于JSFIDLE,或者更类似于在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>'));
var escape=document.createElement('textarea');
函数escapeHTML(html){
escape.innerHTML=html;
返回escape.innerHTML;
}
document.write(escapeHTML(“”+document.documentElement.innerHTML+“”));


您也可能会发现该属性对于教授他们很有意思。

我相信这是您所寻找内容的一个开始。实时编辑和查看。。