Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML 콘텐츠 편집 가능 속성


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 요소 표시가 이제 편집 가능합니다 -

HTML 콘텐츠 편집 가능 속성

이제 제목과 내용을 수정할 수 있습니다. 따라서 제목을 변경하고 스크린샷을 표시하겠습니다 -

HTML 콘텐츠 편집 가능 속성

위의 예에서 우리는 제목과 일부 텍스트를 설정했습니다 -

<h2 contenteditable="true">Demo Heading</h2>
<p contenteditable="true">This is a demo line.</p>

contenteditable 속성을 사용하여 제목과 내용을 편집 가능한 것으로 만들었습니다. true로 설정하면 웹 페이지 자체에서 편집할 수 있습니다. −

h2 contenteditable="true"