HTML을 만드는 방법

HTML을 만드는 방법

요소 편집 가능한 크로스 브라우저?

---

<div>JavaScript 로 편집 가능 하게 만드는 방법을 알고 있습니까? 크로스 브라우저 솔루션을 찾고 있습니다.

서식있는 텍스트 영역과 비슷하지만 편집 가능한 <iframe>. 나는 <div>.
대체 텍스트 상자를 사용하고 싶지 않습니다.

---

나는 방법을 알아 냈다.

DOMElement의 contentEditable 속성을 사용합니다.

<div onClick="this.contentEditable='true';">
    lorem ipsum dolor lorem ipsum dolorlorem ipsum dolor
</div>

---

순수한 HTML로 할 수 있습니다.

<div class="editable" contenteditable="true">
    Editable text...
</div>

도움이 되었기를 바랍니다!

---

contentEditable요소의 속성을 다음과 같이 설정 합니다 "true".

element.contentEditable = "true";

또한보십시오:

• 콘텐츠 편집 가능한 MDN 문서
• caniuse.com에서 브라우저 지원

---

How about his: 

숨겨진 "textArea"를 만들고 div를 선택 (클릭 또는 호버) 할 때 Div를 숨기고 textArea를 표시합니다.

참고 URL : https://stackoverflow.com/questions/1188581/how-to-make-an-html-div-element-editable-cross-browser