var CKconfig = { // Define the toolbar: http://docs.ckeditor.com/ckeditor4/docs/#!/guide/dev_toolbar // The full preset from CDN which we used as a base provides more features than we need. // Also by default it comes with a 3-line toolbar. Here we put all buttons in a single row. toolbar: [ { name: 'document', items: [ 'Print' ] }, { name: 'clipboard', items: [ 'Undo', 'Redo' ] }, { name: 'styles', items: [ 'Format', 'FontSize' ] }, { name: 'basicstyles', items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'RemoveFormat', 'CopyFormatting' ] }, { name: 'colors', items: [ 'TextColor', 'BGColor' ] }, { name: 'align', items: [ 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock' ] }, { name: 'links', items: [ 'Link', 'Unlink' ] }, { name: 'paragraph', items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote' ] }, { name: 'insert', items: [ 'Table','Image','Html5audio','Html5video','EmbedSemantic','UploadFile' ] }, { name: 'editing', items: [ 'Scayt'] }, { name: 'source', items: [ 'Sourcedialog' ] }, { name: 'tools', items: [ 'PasteText', 'Maximize' ] } ], // Since we define all configuration options here, let's instruct CKEditor to not load config.js which it does by default. // One HTTP request less will result in a faster startup time. // For more information check http://docs.ckeditor.com/ckeditor4/docs/#!/api/CKEDITOR.config-cfg-customConfig customConfig: '', // Sometimes applications that convert HTML to PDF prefer setting image width through attributes instead of CSS styles. // For more information check: // - About Advanced Content Filter: http://docs.ckeditor.com/ckeditor4/docs/#!/guide/dev_advanced_content_filter // - About Disallowed Content: http://docs.ckeditor.com/ckeditor4/docs/#!/guide/dev_disallowed_content // - About Allowed Content: http://docs.ckeditor.com/ckeditor4/docs/#!/guide/dev_allowed_content_rules disallowedContent: 'img{width,height,float}', extraAllowedContent: 'img[width,height,align];iframe[src,width,height];div[class,data-href,data-width,data-hide-cover,data-show-facepile,data-*];script[src]', // Enabling extra plugins, available in the full-all preset: http://ckeditor.com/presets-all // extraPlugins: 'tableresize,uploadimage,uploadfile', extraPlugins: 'tableresize,uploadimage,uploadfile,embedsemantic,pastetext,sourcedialog,html5audio,html5video,filebrowser,image2', removePlugins: 'sourcearea', /*********************** File management support ***********************/ // In order to turn on support for file uploads, CKEditor has to be configured to use some server side // solution with file upload/management capabilities, like for example CKFinder. // For more information see http://docs.ckeditor.com/ckeditor4/docs/#!/guide/dev_ckfinder_integration // Uncomment and correct these lines after you setup your local CKFinder instance. filebrowserBrowseUrl: '{{ asset(Config::get("app.admin_prefix")."/file_browser_ckeditor") }}?type=file&_token={{csrf_token()}}', filebrowserUploadUrl: '{{ asset(Config::get("app.admin_prefix")."/file_upload_ckeditor") }}?type=file&_token={{csrf_token()}}', filebrowserImageBrowseUrl: '{{ asset(Config::get("app.admin_prefix")."/file_browser_ckeditor") }}?type=image&_token={{csrf_token()}}', filebrowserImageUploadUrl: '{{ asset(Config::get("app.admin_prefix")."/file_upload_ckeditor") }}?type=image&_token={{csrf_token()}}', /**/ /*********************** File management support ***********************/ // Make the editing area bigger than default. height:250, // An array of stylesheets to style the WYSIWYG area. // Note: it is recommended to keep your own styles in a separate file in order to make future updates painless. contentsCss: [ '{{ asset("assets/editor/source/ckeditor/css/contents.css") }}', '{{ asset("assets/editor/css/custom_ckeditor.css") }}' ], // This is optional, but will let us define multiple different styles for multiple editors using the same CSS file. bodyClass: 'document-editor', // Reduce the list of block elements listed in the Format dropdown to the most commonly used. format_tags: 'p;h1;h2;h3;pre', // Simplify the Image and Link dialog windows. The "Advanced" tab is not needed in most cases. removeDialogTabs: 'image:advanced;link:advanced', // Define the list of styles which should be available in the Styles dropdown list. // If the "class" attribute is used to style an element, make sure to define the style for the class in "mystyles.css" // (and on your website so that it rendered in the same way). // Note: by default CKEditor looks for styles.js file. Defining stylesSet inline (as below) stops CKEditor from loading // that file, which means one HTTP request less (and a faster startup). // For more information see http://docs.ckeditor.com/ckeditor4/docs/#!/guide/dev_styles image2_alignClasses: [ 'image-align-left', 'image-align-center', 'image-align-right' ], stylesSet: [ /* Inline Styles */ { name: 'Marker', element: 'span', attributes: { 'class': 'marker' } }, { name: 'Cited Work', element: 'cite' }, { name: 'Inline Quotation', element: 'q' }, /* Object Styles */ { name: 'Special Container', element: 'div', styles: { padding: '5px 10px', background: '#eee', border: '1px solid #ccc' } }, { name: 'Compact table', element: 'table', attributes: { cellpadding: '5', cellspacing: '0', border: '1', bordercolor: '#ccc' }, styles: { 'border-collapse': 'collapse' } }, { name: 'Borderless Table', element: 'table', styles: { 'border-style': 'hidden', 'background-color': '#E6E6FA' } }, { name: 'Square Bulleted List', element: 'ul', styles: { 'list-style-type': 'square' } } ] };