CK-EDITOR und Textformatierungen

[kukki]

In Zusammenhang mit dieser Anfrage stelle ich dazu eine erweiterte Anfrage.

Zwei meiner Redakteure beschweren sich zu recht, dass die Formatierung von Texten (font-size) nicht funktioniert, und nur Überschriften angezeigt werden, - eine Schriftgröße z.Bsp. 2.4 em etc ist nicht vorgesehen, wie bekommt man das für einen solchen Redakteur ohne CSS-Kenntnise für Quelltexte hin?

[update]

Man kann den Editor konfigurieren mit eigenen Style-Vorgaben!

[kukki]

Gibt es da eine Schnellvorlage oder muss das mühsam erarbeitet werden? Und nach dem nächsten Update ist alles futsch?

[update]

in /template/config/ckeditor findest Du die anpassbaren Dateien
Die werden bei einem ckeditor-update nicht überschrieben, es sei denn, Du machst das ganz gezielt...

[Oliver Georgi]

Die Custom konfigurierbaren Dateien wie von Claus beschrieben und die Dokumentation dazu http://docs.cksource.com/Main_Page

Man kann das komplett customized realisieren, inkl. der identischen CSS Stile/Klassen, wie im Frontend.

[kukki]

Ich hab's probiert, es funktionierte nichts. Eigentlich wollte ich nur ganz normale Schriftgrößen wie 0.8em -4.0em zur Formatierung von Text haben, nichts weiter.

[Oliver Georgi]

Ich habe es bereits entsprechend konfiguriert für Kunden realisiert. Hier z.B. Custom Font, keine Farben oder sonstigen Schriftarten und vorbereitete Klassen.

ckeditor.config.js / ckeditor.config-tabs.js

Code: Select all

/**
 * @license Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved.
 * For licensing, see LICENSE.html or http://ckeditor.com/license
 *
 * Adopted for phpwcms, Oliver Georgi
 * Default CKEditor configuration in phpwcms backend
 */

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

	config.toolbar = [
		{ name: 'tools', items: ['Maximize', '-', 'Source', '-', 'Undo', 'Redo', '-', 'Paste', '-', 'Find', '-', 'ShowBlocks'] },
		{ name: 'paragraph', items: ['BulletedList', 'NumberedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv'] },
		{ name: 'about', items: ['About'] },
		{ name: 'format', items: ['JustifyLeft', 'JustifyCenter', 'JustifyRight', '-', 'TextColor', '-', 'Subscript', 'Superscript'] }, //, 'RemoveFormat','JustifyBlock','BGColor',
		{ name: 'diverse', items: ['Link', 'Unlink', '-', 'Image', 'Table', 'HorizontalRule', '-', 'SpecialChar'] }, //, 'Iframe', 'Anchor',
		{ name: 'elements', items: ['Format'] }
	];

	//config.removeButtons = 'Cut,Copy,Strike,Underline,Italic,Bold,Iframe,Flash,Smiley,PageBreak,FontSize,Styles,Format,Save,Print,NewPage,Preview,Templates,PasteFromWord,PasteText';

	CKEDITOR.config.format_tags = 'p;uppercase;stretched;h2;h3;h4;h5;h6;div;blockquote'; //h1
	CKEDITOR.config.format_uppercase = { element: 'span', attributes: {'class': 'uppercase'}, name: 'UPPERCASE' };
	CKEDITOR.config.format_stretched = { element: 'span', attributes: {'class': 'stretched'}, name: 'S t r e t c h e d' };
	CKEDITOR.config.format_blockquote = { element: 'blockquote', name: 'Blockquote' };

	config.width = 538;
	config.height = 400;

	config.extraPlugins = 'magicline';
	config.removePlugins = 'colordialog';

	config.toolbarCanCollapse = true;
	config.toolbarStartupExpanded = true;

	config.forcePasteAsPlainText = true;
	config.pasteFromWordRemoveFontStyles = true;
	config.pasteFromWordRemoveStyles = true;
	config.pasteFromWordPromptCleanup = true;

	config.ignoreEmptyParagraph = true;

	config.contentsCss = 'template/config/ckeditor/ckeditor.bhd.css';
	//config.protectedSource.push( /<i[\s\S]*?\>/g ); //allows beginning <i> tag
	//config.protectedSource.push( /<\/i[\s\S]*?\>/g ); //allows ending </i> tag

	config.colorButton_colors = "00F"; //000,FFF,

};