부분 편집 제한

부분 편집 제한 기능은 문서 전체 또는 일부를 편집할 수 없도록 제한하는 방법입니다.

적용 가능한 요소

지정 방법

소스 코드에서 지정하기

소스 보기에서 해당 요소에 se-lock 또는 se-unlock 클래스를 지정합니다.

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

API 사용하기

<!-- lock, unlock specification -->
<script>
    window.editor.setLock('#lock-table');
    window.editor.setUnlock('#unlock-cell');
</script>

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

동작 규칙

• 선택은 잠금/잠금 해제 상태와 상관없이 동작합니다.
• 잠금이 설정되면 자식 요소는 편집할 수 없습니다.
• 잠금 해제는 부모 요소가 잠긴 경우에만 의미가 있습니다.
• 잠금 해제가 설정되면 자식 요소를 편집할 수 있습니다.

직접 사용해 보기

이 기능은 오피스급 문서 편집 데모에서 사용해 볼 수 있습니다.

관련 정보

• 부분 편집 제한 객체의 내부 UI 컨트롤