Page tree

Versions Compared

Key

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

...

Anchor
SynapEditor.addPlugin
SynapEditor.addPlugin
SynapEditor.addPlugin


Status
title릴리즈 2.34.0 이상

사이냅에디터에 플러그인을 추가합니다.

...

Code Block
languagejs
themeEmacs
titlemyPluginhelloWorldInserter.js
var pluginName = "HelloWorldInserterhelloWorldInserter";


var pluginGenerator = function(editor) {
	return {
		buttonDef: {
			label: 'Hello World Inserter',
			iconSVG: '<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>',
			onClickFunc: function () {
				editor.execCommand('insertText', 'Hello World~');
			}
		}
	}
};


SynapEditor.addPlugin(pluginName, pluginGenerator);

플러그인 등록

작성한 플러그인 로드

...

Code Block
languagexml
themeEmacs
titleindex.html
<!-- mycustom plugin -->
<script type="text/javascript" src="../plugins/helloWorldInserter.js"></script>

...

Code Block
languagejs
themeEmacs
titleconfig.js
"editor.toolbar": ["bold", "italic", "underline", "strike", "HelloWorldInserterhelloWorldInserter"] //HelloWorldInserthelloWorldInserter 플러그인을 툴바 영역에 설정합니다.

결과