======Javascript HTML DOM contentEditable Property====== * description : Javascript HTML DOM contentEditable Property * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-08 \\ =====The source of the article==== [[https://www.w3schools.com/jsref/prop_html_contenteditable.asp|Javascript HTML DOM contentEditable Property]]\\ ====Example==== %%

%% 요소의 콘텐츠를 편집 가능하도록 설정합니다.\\

This is a paragraph. Click the button to make me editable.

 =====Definition and Usage===== %%contentEditable%% 속성은 요소 콘텐츠의 편집 가능 여부를 설정하거나 반환합니다.\\ \\ **Tip:** %%isContentEditable%% 속성을 사용하여 요소 콘텐츠의 편집 가능 여부를 확인할 수도 있습니다.\\ =====Syntax===== %%contentEditable%% 속성을 반환합니다.\\ HTMLElementObject.contentEditable \\ %%contentEditable%%속성을 설정합니다.\\ HTMLElementObject.contentEditable = true|false =====Property Value===== ^ Value ^ Description ^ | true or false | 요소 콘텐츠의 편집 가능 여부를 지정합니다. | | ::: | 가능한 값들: | | ::: | "inherit" - 기본 설정. 부모 요소가 편집 가능할 경우 해당 요소의 콘텐츠는 편집 가능합니다. | | ::: | "true" - 콘텐츠는 편집 가능합니다. | | ::: | "false" - 콘텐츠는 편집할 수 없습니다. | =====Technical Details===== | Return Value | 문자열, 요소가 편집 가능할 경우 true를 반환하고, 그렇지 않은 경우 false를 반환합니다. | =====More Examples===== ====Example==== %%

%% 요소의 편집 가능 여부를 확인합니다.\\

Click the button to find out if I am editable.

 ====Example==== %%

%% 요소의 콘텐츠를 편집하는 기능을 토글합니다.

Try to change this text.

 {{tag>오션, Javascript HTML DOM contentEditable Property}}