'It specifies the DOM selector to allow editing.
It is useful when limiting editing of the entire document and allowing only partial editing.
When applied, it is displayed as an unlock icon (
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"> <rect x="6.041" y="13.005" fill="#596468" width="10" height="1.995"/> <rect x="6.041" y="10.057" fill="#39B6B8" width="10" height="1.996"/> <rect x="6.041" y="7.051" fill="#596468" width="10" height="1.996"/> <path fill="#596468" d="M0.916,4.312v0.191c0,0.264,0.214,0.476,0.477,0.476c0.269,0,0.481-0.212,0.481-0.476V4.312 c0-1.682,1.423-2.269,3.097-2.359c1.689-0.091,3.06,1.361,3.06,3.448v2.802h0.958V5.401C8.989,2.789,7.191,1,4.971,1 C2.753,1,0.916,2.105,0.916,4.312L0.916,4.312z"/> </svg> |
).
Allowed to edit
Name | Type | Description |
---|---|---|
selector | string | Selectors to import the DOM to limit editing |
window.editor.setUnlock('#unlock_element_Id'); window.editor.setUnlock('.editable'); |
Source View
You can add 'se-unlock' class to the applied element in the Source View Mode of the editor.