%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);