사용자가 웹 사이트의 콘텐츠를 편집하는 일련의 프로젝트를 만들고 싶습니다. 에 실시간으로 편집중인 코드를 표시하고 싶습니다.. jsFiddle과 유사하거나 Tumblr 테마에서 코드를 편집 할 수있는 방식과 더 유사합니다. 그러나, 나는 그들이 코드를 편집 할 수 없도록하고 싶다. 단지 그것을 본다.사용자에게 웹 사이트 코드를 표시하는 방법은 무엇입니까?
어떤 아이디어, 도구, 언어 등을 사용할 수 있습니까?
감사합니다.
는 TextArea 구성 요소에 HTML을 눌러, 그것을 할 수있는 흥미로운 방법을 발견 실체가 자동으로 디코딩됩니다 : 당신은 또한 contenteditable이 교육에 대한 흥미 속성을 찾을 수 있습니다
var escape = document.createElement('textarea');
function escapeHTML(html) {
escape.innerHTML = html;
return escape.innerHTML;
}
document.write(escapeHTML('<html>'+document.documentElement.innerHTML+'</html>'));
그들.
나는 이것이 당신이 찾고있는 것의 시작이라고 믿습니다. http://jsfiddle.net/966Ua/1/ 실시간 편집 및보기 .. – Rayf