FuelCMS v1.2 ckeditor - adding fonts color, resize, Underline, Subscript & Superscript

azid · March 2015

Hi,

I am trying to add fonts color, resize, Underline, Subscript & Superscript function control button into the ckeditor but not success.

Can anyone get me a hits of it? Below is what I did but not success.

fuel/application/config/My_fuel.php


$config['text_editor'] = 'ckeditor';

// ck editor specific settings... if you use a PHP array, it will use json_encode
$config['ck_editor_settings'] = "{
	toolbar:[
			['Source'],
			['Bold','Italic','Strike','Subscript','Superscript','Underline'],
			['Format','Resize','Colors'],
			['FUELImage','HorizontalRule'],
			['NumberedList','BulletedList'],
			['FUELLink','FUELUnlink'],
			['Undo','Redo','RemoveFormat'],
			['PasteFromWord','PasteText'],
			['Preview'],
			['Maximize']
		],
	contentsCss: '".WEB_PATH."assets/css/main.css',
	htmlEncodeOutput: false,
	entities: false,
	bodyClass: 'ckeditor',
	protectedSource: [/\{fuel_\w+\(.+\)\}/g, /<\?[\s\S]*?\?>/g],
	toolbarCanCollapse: false,
	extraPlugins: 'fuellink,fuelimage',
	removePlugins: 'link,image',
	allowedContent: true
	}";

fuel/modules/fuel/assests/js/editors/ckeditor/config.js


CKEDITOR.editorConfig = function( config ) {
	// Define changes to default configuration here.
	// For complete reference see:
	// http://docs.ckeditor.com/#!/api/CKEDITOR.config

	// The toolbar groups arrangement, optimized for two toolbar rows.
	config.toolbarGroups = [
		{ name: 'clipboard',   groups: [ 'clipboard', 'undo' ] },
		{ name: 'editing',     groups: [ 'find', 'selection', 'spellchecker' ] },
		{ name: 'links' },
		{ name: 'insert' },
		{ name: 'forms' },
		{ name: 'tools' },
		{ name: 'document',	   groups: [ 'mode', 'document', 'doctools' ] },
		{ name: 'others' },
		'/',
		{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
		{ name: 'paragraph',   groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ] },
		{ name: 'styles' },
		{ name: 'colors' },
		{ name: 'about' }
	];

	// Remove some buttons provided by the standard plugins, which are
	// not needed in the Standard(s) toolbar.
	config.removeButtons = '';

	// Set the most common block elements.
	config.format_tags = 'p;h1;h2;h3;pre';

	// Simplify the dialog windows.
	config.removeDialogTabs = 'image:advanced;link:advanced';
};

ramyramadan · November 2015

i Have the same problem but no response i tried to replace ckeditor.js and it is works but css of editor not working correctly .

almostcompletely · November 2015

The current version of Fuel has it's editor config information in editors.php rather than MY_Fuel.php.

Use 'contentsCss' => WEB_PATH.'assets/css/ckeditor.css' to change the way the editor's content looks.

admin · November 2015

There was a bug in the fuel/application/config/editor.php config where it was using 'contentCss' instead of 'contentsCss'. This has been addressed in the most recent version 1.3.1 that was released last week.

edival · December 2015

Okay, I've double checked that contentCss is now contentsCss but I still can't add items to the ['ckeditor']['default'] array for the toolbar.

Any other thoughts?

Howdy, Stranger!

Categories

FuelCMS v1.2 ckeditor - adding fonts color, resize, Underline, Subscript & Superscript

Comments