HTML의 contenteditable 속성은 부울 값 true 또는 false를 사용하여 콘텐츠가 편집 가능한지 여부를 설정하는 데 사용됩니다. 이 속성은 전역 속성이므로 모든 요소와 함께 사용할 수 있습니다.
다음은 구문입니다 -
<element contenteditable =”true|false”>
위에서 요소를 편집 가능하게 하려면 true를 설정하고 그렇지 않으면 false를 설정합니다.
이제 HTML에서 contenteditable 속성을 구현하는 예를 살펴보겠습니다 -
예시
<!DOCTYPE html> <html> <body> <h2 contenteditable="true">Demo Heading</h2> <p contenteditable="true">This is a demo line.</p> </body> </html>
출력
그러면 다음과 같은 출력이 생성됩니다. 표제 및 p 요소 표시가 이제 편집 가능합니다 -
이제 제목과 내용을 수정할 수 있습니다. 따라서 제목을 변경하고 스크린샷을 표시하겠습니다 -
위의 예에서 우리는 제목과 일부 텍스트를 설정했습니다 -
<h2 contenteditable="true">Demo Heading</h2> <p contenteditable="true">This is a demo line.</p>
contenteditable 속성을 사용하여 제목과 내용을 편집 가능한 것으로 만들었습니다. true로 설정하면 웹 페이지 자체에서 편집할 수 있습니다. −
h2 contenteditable="true"