Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

부분 편집 제한기능은 문서의 전체 혹은 일부를 편집이 불가능하도록 제한하는 방법을 의미합니다.

...

The partial editing restriction function is a method of restricting all or part of a document from being editable.


Assignable target element

ModelTag
Body<div class='se-content'>
Div<div>
Table<table>
TableCell<td>

지정방법

소스코드에서 지정

...


How to specify

Using source code

Assign `se-lock` , and `se-unlock` class를 지정합니다classes to the corresponding element in the source view.

Code Block
languagexml
titlelock, unlock 지정
linenumberstrue
<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>

...

Code Block
languagexml
titlelock, unlock 지정
linenumberstrue
<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>

동작 규칙

...


Rules of operation

  1. Selection works regardless of lock/unlock상관없이 동작합니다.
  2. lock이 설정된 경우 그 자식 Element는 편집할 수 없습니다.
  3. unlock은 부모 Element에 lock이 설정된 경우에만 의미가 있습니다.
  4. unlock이 설정된 경우 자식 Element를 편집 할 수 있습니다.

체험하기

...

  1. unlock.
  2. If the lock is set, the child element cannot be edited.
  3. The unlock is only meaningful if the parent element is locked.
  4. Child Element can be edited if unlock is set.


Experience