부분 편집 제한 적용하기

에디터에 일정부분만 편집을 허용하거나 제한 할 수 있습니다.

지정 방법

아래 HTML을 기준으로 부분 편집 제한 적용 방법을 소개합니다.

<div class="se-contents" style="font-family: Arial, Helvetica, sans-serif; font-size: 11pt; line-height: 1.2; padding: 25px;">
  <table>
    <tr>
      <td>1</td>
      <td id=editable_td>2 - editable</td>
    </tr>
    <tr>
      <td>3</td>
      <td>4</td>
    </tr>
  </table>
</div>

1. 에디터 API사용 ( setLock, setUnlock)

   window.editor.setLock('.se-contents);
   window.editor.setUnlock('#editable_td');

2. 소스보기 사용

   <div class="se-contents se-lock" style="font-family: Arial, Helvetica, sans-serif; font-size: 11pt; line-height: 1.2; padding: 25px;">
     <table>
       <tr>
         <td>1</td>
         <td id=editable_td class="se-unlock">2 - editable</td>
       </tr>
       <tr>
         <td>3</td>
         <td>4</td>
       </tr>
     </table>
   </div>