View Source

You can add a new message to Synap Editor, or change a message that has already been set.

Related API

Changing the default message

You can add new messages or change the default messages using the SynapEditor.addMessages(language, Object) API.
(It should be set before creating Synap Editor as new.)

<script>
		var changedMessages = {
			'message.label.bold': '★Bold★', // Bold -> ★Bold★
			'message.label.italic': '♧Italic♧' // Italic -> ♧Italic♧
		};
		SynapEditor.addMessages('en', changedMessages);  // Changing the default message
 
		window.editor = new SynapEditor('synapEditor', synapEditorConfig);  // Create Synap Editor after setting.
</script>

<!-- code mirror -->
<script type="text/javascript" src='https://www.synapeditor.com/se/resource/synapeditor/externals/codeMirror/codemirror.min.js'></script>
<script type="text/javascript" src="https://www.synapeditor.com/se/resource/synapeditor/externals/codeMirror/xml.min.js"></script>
<link rel='stylesheet' href='https://www.synapeditor.com/se/resource/synapeditor/externals/codeMirror/codemirror.min.css'>

<!-- external modules -->
<script type="text/javascript" src='https://www.synapeditor.com/se/resource/synapeditor/externals/formulaParser/formula-parser.min.js'></script>
<script type="text/javascript" src='https://www.synapeditor.com/se/resource/synapeditor/externals/SEDocModelParser/SEDocModelParser.min.js'></script>
<script type="text/javascript" src='https://www.synapeditor.com/se/resource/synapeditor/externals/SEShapeManager/SEShapeManager.min.js'></script>

<!-- Synap Editor -->
<script src='https://www.synapeditor.com/se/resource/synapeditor/synapeditor.config.js'></script>
<script src='https://www.synapeditor.com/se/resource/synapeditor/synapeditor.min.js'></script>
<link href='https://www.synapeditor.com/se/resource/synapeditor/synapeditor.min.css' rel='stylesheet' type='text/css'>

<div style="background-color: #ffffff; width:99%; height:300px;">
        <div id="synapEditor"></div>
</div>
<script>
		var changedMessages = {
			'message.label.bold': '★Bold★', // Bold -> ★Bold★
			'message.label.italic': '♧Italic♧' // Italic -> ♧Italic♧
		};
		SynapEditor.addMessages('ko', changedMessages);  // Changing the default message
		synapEditorConfig['editor.toolbar'] = ['bold', 'italic', 'underline', 'strike'];
		window.editor = new SynapEditor("synapEditor", synapEditorConfig, '');
</script>