부분 편집 제한기능은 문서의 전체 혹은 일부를 편집이 불가능하도록 제한하는 방법을 의미합니다.
...
The partial editing restriction function is a method of restricting all or part of a document from being editable.
Assignable target element
Model | Tag |
---|---|
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 | ||||||
---|---|---|---|---|---|---|
| ||||||
<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 | ||||||
---|---|---|---|---|---|---|
| ||||||
<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
- Selection works regardless of lock/unlock상관없이 동작합니다.
- lock이 설정된 경우 그 자식 Element는 편집할 수 없습니다.
- unlock은 부모 Element에 lock이 설정된 경우에만 의미가 있습니다.
- unlock이 설정된 경우 자식 Element를 편집 할 수 있습니다.
체험하기
...
- unlock.
- If the lock is set, the child element cannot be edited.
- The unlock is only meaningful if the parent element is locked.
- Child Element can be edited if unlock is set.