Trigger for the CKEditor Save Button

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">
	<xp:scriptBlock id="scriptBlock1" type="text/javascript">
		<xp:this.value><![CDATA[dojo.addOnLoad( function() {
	CKEDITOR.plugins.registered['save'] = {
		init : function(editor) {
			var command = editor.addCommand('save', {
				modes : {
					wysiwyg : 1,
					source : 1
				},
				exec : function(editor) { 
					dojo.byId("#{id:btnSave}").click();
				}
			});
			editor.ui.addButton('Save', {
				label : 'Save',
				command : 'save'
			});
		}
	}
});]]></xp:this.value>
	</xp:scriptBlock>
</xp:view>





Place this custom control in your page where you use the Richtext control (aka CKEditor). It enables you to click the save button of the CKE toolbar just to trigger a custom save action, e.g. another button. Replace the ID of that button with your own ID. In this sample the button has the ID "btnSave".

XPages
Oliver Busse
August 24, 2014 10:51 AM
Rating
25

All code submitted to OpenNTF XSnippets, whether submitted as a "Snippet" or in the body of a Comment, is provided under the Apache License Version 2.0. See Terms of Use for full details.



No comments yetLogin first to comment...