%PDF- %PDF-
| Direktori : /home/opti/workflow/src/public/app-assets/js/scripts/editors/ |
| Current File : /home/opti/workflow/src/public/app-assets/js/scripts/editors/editor-ckeditor.js |
/*=========================================================================================
File Name: editor-ckeditor.js
Description: CKEditor js
----------------------------------------------------------------------------------------
Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
Version: 1.0
Author: GeeksLabs
Author URL: http://www.themeforest.net/user/geekslabs
==========================================================================================*/
(function(window, document, $) {
'use strict';
var editor = CKEDITOR.instances['ckeditor'];
if (editor) { editor.destroy(true); }
CKEDITOR.replace('ckeditor', {
height: '350px',
extraPlugins: 'forms'
});
// ReadOnly Editor
var editor_readonly = CKEDITOR.replace('ckeditor-readonly',{
height: '350px'
});
CKEDITOR.on( 'instanceReady', function ( ev ) {
editor = ev.editor_readonly;
// Show this "on" button.
document.getElementById( 'readOnlyOn' ).style.display = '';
// Event fired when the readOnly property changes.
editor_readonly.on( 'readOnly', function () {
document.getElementById( 'readOnlyOn' ).style.display = this.readOnly ? 'none' : '';
document.getElementById( 'readOnlyOff' ).style.display = this.readOnly ? '' : 'none';
} );
} );
function toggleReadOnly( isReadOnly ) {
editor_readonly.setReadOnly( isReadOnly );
}
document.getElementById('readOnlyOn').onclick=function(){
toggleReadOnly(); };
document.getElementById('readOnlyOff').onclick=function(){
toggleReadOnly(false); };
// CKEditor Color Options
editor = CKEDITOR.replace( 'ckeditor-color', {
height: '350px',
uiColor: '#CCEAEE'
});
// Enter key configuration [Options : CKEDITOR.ENTER_P, CKEDITOR.ENTER_BR, CKEDITOR.ENTER_DIV]
editor = CKEDITOR.replace( 'ckeditor-config', {
height: '350px',
// Pressing Enter will create a new <div> element.
enterMode: CKEDITOR.ENTER_P,
// Pressing Shift+Enter will create a new <p> element.
shiftEnterMode: CKEDITOR.ENTER_BR
} );
CKEDITOR.replace( 'ckeditor-language', {
extraPlugins: 'language',
// Customizing list of languages available in the Language drop-down.
language_list: [ 'ar:Arabic:rtl', 'fr:French', 'he:Hebrew:rtl', 'es:Spanish' ],
height: 350
} );
var introduction = document.getElementById( 'ckeditor-inline' );
introduction.setAttribute( 'contenteditable', true );
// CKEDITOR.disableAutoInline = true;
editor = CKEDITOR.inline('ckeditor-inline',{
// Allow some non-standard markup that we used in the introduction.
extraAllowedContent: 'a(documentation);abbr[title];code',
removePlugins: 'stylescombo',
extraPlugins: 'sourcedialog',
// Show toolbar on startup (optional).
// startupFocus: true
});
})(window, document, jQuery);