$('#id').keditor({     iframeMode: true });

/**  * @param {Boolean} inArray Return your content in array format or just plain string  */ KEditor.prototype.getContent(inArray);

$('#target1').keditor('getContent'); // For only 1 content-area $('#target2').keditor('getContent', true); // For more than 1 content-area and you want to get them separately

/**  * @param {String} content HTML content  * @param {String|jQuery} contentArea Can be selector or jQuery object of content area which you want to set new content. If you have only a content area, you can leave it blank  */ KEditor.prototype.setContent(content, contentArea);

$('#id').keditor('setContent', '<section><div class="row"><div class="col-md-6" data-type="container-content"><section data-type="component-text">New content</section></div></div></section>');

$.keditor.components['typeName'] = {     /**      * Function will be called when initializing a component with this type      * @param {jQuery} contentArea      * @param {jQuery} container      * @param {jQuery} component      * @param {KEditor} keditor KEditor instance which is calling this function      */     init: function (contentArea, container, component, keditor) {      },      /**      * Function will be called for getting content of component from method of KEditor "target.keditor('getContent')"      * @param {jQuery} component This component is cloned from original component. So you can do anything with it, event deleted      * @param {KEditor} keditor KEditor instance which is calling this function      */     getContent: function (component, keditor) {      },      /**      * Function will be called when deleting component      * @param {jQuery} component      * @param {KEditor} keditor KEditor instance which is calling this function      */     destroy: function (component, keditor) {      },      // Enable setting panel for this type or not     settingEnabled: true,      // Title of setting panel     settingTitle: 'Add image',      /**      * Initialize setting form of this type      * @param {jQuery} form Form contains all setting of this type and is child of div[id="keditor-setting-forms"]      * @param {KEditor} keditor KEditor instance which is calling this function      */     initSettingForm: function (form, keditor) {      },      /**      * Show setting form for this type. This function will be called when user clicks on setting button of component when setting panel is hidden. You can fulfill form controls in this function.      * @param {jQuery} form Form contains all setting of this type and is child of div[id="keditor-setting-forms"]      * @param {jQuery} component Component will be applied setting      * @param {KEditor} keditor KEditor instance which is calling this function      */     showSettingForm: function (form, component, keditor) {      },      /**      * Hide setting form for this type. This function will be called when user clicks again on setting button of component when setting panel is showed. You can clear setting form in this function      * @param {jQuery} form Form contains all setting of this type and is child of div[id="keditor-setting-forms"]      * @param {KEditor} keditor KEditor instance which is calling this function      */     hideSettingForm: function (form, keditor) {      } };