...
Status | ||
---|---|---|
|
에디터에 플러그인 객체를 추가합니다.
에디터에서 추가한 플러그인을 사용하려면, "editor.plugins" 설정에 플러그인 이름을 추가해야 플러그인이 사용됩니다.
Params:
Name | Type | Attribute | Description |
---|---|---|---|
pluginName | string | 플러그인의 이름입니다. | |
pluginObject | object | 'init' 함수를 포함하고 있는 플러그인 객체입니다. |
Example:
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
var pluginName = "pluginName";
SynapEditor.addPlugin(pluginName, {
init: function (editor) {
// 플러그인 코드
}
}); |
editor.addPlugin(pluginName, pluginObject)
Status | ||
---|---|---|
|
에디터에 플러그인을 즉시 추가합니다.
"editor.plugins"에 따로 플러그인 이름을 추가하지 않아도 플러그인이 사용됩니다.
Params:
Name | Type | Attribute | Description |
---|---|---|---|
pluginName | string | 플러그인의 이름입니다. | |
pluginObject | object | 'init' 함수를 포함하고 있는 플러그인 객체입니다. |
Example:
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
var pluginName = "pluginName"; var editor = new SynapEditor(editorId, config, html, eventListener); editor.addPlugin(pluginName, { init: function (editor) { // 플러그인 코드 } }); |
...
Status | ||
---|---|---|
|
에디터에 버튼 정의를 등록합니다.
Params:
Name | Type | Attribute | Description |
---|---|---|---|
pluginName | string | 플러그인의 이름입니다. | |
buttonDefinition | object | 버튼의 아이콘, 레이블, 클릭했을 때의 동작 정의입니다. |
Example:
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
var pluginName = "pluginName"; SynapEditor.addPlugin(pluginName, { init: function (editor) { // 플러그인 버튼 정의 editor.definePluginButton(pluginName, { icon: '<svg><g>........</g></svg>', label: '버튼이름', // 버튼에 마우스를 올리면 툴팁으로 보여집니다. onClickFunc: function (editor) { // 버튼을 클릭하면 실행 } }); } }); |
...
- init 함수로 전달된 에디터를 이용해 플러그인 버튼에 대한 정의를 등록합니다.
- 아이콘, 버튼 레이블, 클릭했을 때의 동작 등..
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
var pluginObject = { init: function (editor) { var buttonDefinition = { icon: '<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16"> <g xmlns="http://www.w3.org/2000/svg"><title>Layer 1</title> <text stroke="#000000" transform="matrix(0.7835232019424438,0,0,1,0.2672135476022959,0) " xml:space="preserve" text-anchor="start" font-family="Helvetica, Arial, sans-serif" font-size="13" y="12.580528" x="-1.056391" fill="#000000">HW</text> </g> </svg>', label: 'Hello World Inserter', onClickFunction: function (editor) { // 버튼을 클릭했을 때 동작 editor.execCommand('insertText', 'Hello World~'); } }; editor.definePluginButton(buttonDefinition); } }; |
...
플러그인 등록
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
var pluginName = "HelloWorldInserter"; SynapEditor.addPlugin(pluginName, pluginObject); |
...
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
<!-- my plugin -->
<script type="text/javascript" src="../plugins/myPlugin.js"></script> |
...