Installation Texteditor

Aktuelle Version vom 20. Februar 2008, 14:08 Uhr

[Bearbeiten] Dateien

• Dateien entpacken
• Styles-Datei in CSS-Verzeichnis verschieben und in editor.xml umbenennen
• Skin-Verzeichnis in CSS-Verzeichnis verschieben und in editor umbenennen
• XML- und JS-Dateien sowie Verzeichnis editor in JS-Verzeichnis verschieben
• Verzeichnisse _source und skin löschen

[Bearbeiten] Konfiguration

Sprache: Datei /js/editor/lang/de.js

Allgemein: Datei /js/config.js

• SkinPath = '../../css/editor/'
• AutoDetectLanguage = false
• DefaultLanguage = 'de'
• ShowBorders = false???
• Toolbar 'basic' ersetzen

/*	['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','About']*/
	[/*'NewPage','-',*/'Find','Replace','Cut','Copy','Paste'/*,'PasteText'*/,'-','Undo','Redo','-','SpecialChar'],
	['Italic','Underline'/*,'StrikeThrough'*/,'-','Superscript','Subscript']

• Toolbar event hinzufügen

	[/*'Source','DocProps','-','NewPage','Templates','Save','-','Print','Preview','- ',*/'Find','Replace'/*,'-','SpellCheck','-','SelectAll'*/,'Cut','Copy','Paste'/*,'PasteText'*/,'-','Undo','Redo','-','SpecialChar'/*,'UniversalKey'*/,'Link','Unlink','Anchor','Image','Table','PasteWord'/*,'-','About'*/],
	[/*'Style',*/'FontFormat'/*,'FontName','FontSize'*/,'-','Bold','Italic','Underline'/*,'StrikeThrough'*/,'-','Superscript','Subscript'/*,'-','JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'*/,'-','OrderedList','UnorderedList','Blockquote','Outdent','Indent'/*,'-','RemoveFormat','-','BGColor'*/,'TextColor']/*,
/*	['Image','Flash','Table','Rule','Smiley','SpecialChar','UniversalKey'],*/
/*	['Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'],*/
/*	'/',*/

• Shortcuts

	[ CTRL + 78 /*N*/, 'NewPage' ],            // new
	[ CTRL + 70 /*F*/, 'Find' ],               // new
	[ CTRL + 72 /*H*/, 'Replace' ],            // new
	[ CTRL + 76 /*L*/, 'JustifyLeft' ],        // new
	[ CTRL + 69 /*E*/, 'JustifyCenter' ],      // new
	[ CTRL + 82 /*R*/, 'JustifyRight' ],       // new
	[ CTRL + 76 /*B*/, 'JustifyFull' ],        // new
	[ CTRL + 75 /*K*/, 'Link' ],               // new
	[ CTRL + SHIFT + 70 /*F*/, 'Bold' ],       // new
	[ CTRL + SHIFT + 75 /*K*/, 'Italic' ],     // new
	[ CTRL + SHIFT + 85 /*U*/, 'Underline' ],  // new
	[ CTRL + 83 /*S*/, 'Save' ],               // new
	[ CTRL + 35 /*#*/, 'Subscript' ],          // new
	[ CTRL + 43 /*+*/, 'Superscript' ],        // new
	[ CTRL + SHIFT + 83 /*S*/, 'FontFormat' ], // new
	[ CTRL + 13 /*ENTER*/, 'Source' ],         // new
	[ CTRL + SHIFT + 13 /*ENTER*/, 'FitWindow' ],// new

• FontFormats = p;h3;h4;address'
• StylesXmlPath = EditorPath + '../../css/editor.xml'
• TemplatesXmlPath ???
• DisableFFTableHandles = false
• LinkDlgHideTarget = true
• LinkDlgHideAdvanced = true
• ImageDlgHideLink = true
• ImageDlgHideAdvanced = true
• FlashDlgHideAdvanced = true
• _FileBrowserLanguage = 'php'
• _QuickUploadLanguage = 'php'
• LinkBrowser = true
• ImageBrowser = true
• FlashBrowser = true
• LinkUpload = true
• ImageUpload = true
• FlashUpload = true
• Filemanagers = false

[Bearbeiten] Integration

[Bearbeiten] JavaScript

nur bei Einsatz

• JS-Datei in editor.js umbenennen
• JS-Klasse in Editor umbenennen
• JS-Attribute

	this.Width      = width	     || '100%' ;
	this.Height     = height     || '130' ;
	this.ToolbarSet = toolbarSet || 'Basic' ;
	this.Value      = value      ||  ;
	this.BasePath   = '/js/' ;

• JS-Objekte in Editor. umbenennen

[Bearbeiten] PHP

nur bei Einsatz

• PHP-Dateien in PHP-Verzeichnis verschieben
• PHP-Datei in editor.inc umbenennen
• PHP4-Datei in editor4.inc umbenennen
• PHP5-Datei in editor5.inc umbenennen
• Datei editor.inc für PHP4- und -5-Dateien anpassen
• PHP-Klassen in Editor umbenennen
• PHP-Konstruktor in Editor umbenennen
• ggf. Default-Werte anpassen

[Bearbeiten] Uploader

• Nicht benötigte Verzeichnisse in /js/editor/filemanager/connectors/ löschen

Datei /js/editor/filemanager/connectors/php/config.php

• Uploader aktivieren: $Config['Enabled'] = false ;
• $Config['UserFilesPath'] = '/pic/Image/' ;

[Bearbeiten] Fehlermeldungen

???

[Bearbeiten] Skin

Eigenschaften ergänzen (ersetzen)

Datei editor.css

#xEditingArea {
  border: #7f9db9 1px solid;
  border-top: none;
}

.TB_ToolbarSet {
  border-top: #7f9db9 1px solid;
  border-bottom: #7f9db9 1px solid;
}

.TB_SideBorder {
  background-color: #7f9db9;
}

.TB_Expand, .TB_Collapse {
  padding: 2px 2px 2px 2px;
  border: #7f9db9 1px solid;
}

.TB_Button_On {
  border: #000080 1px solid;
  background-color: #ffc06f;
}

.TB_Button_On_Over, .TB_Button_Off_Over {
  border: #000080 1px solid;
  background-color: #ffc06f;
}

.MN_Menu {
  border: #002d96 1px solid;
}

.Menu .TB_Button_On, .Menu .TB_Button_On_Over {
  border: #002d96 1px solid;
}

.FCK_Panel {
  border: #002d96 1px solid;
}

.SC_Panel {
  border: #002d96 1px solid;
}

.SC_Item, .SC_ItemSelected {
  border: #aaaaaa 1px solid;
}

.SC_ItemSelected {
  padding: 1px 2pc 1px 10px;
  border: #316ac5 2px solid;
}

.SC_ItemOver {
  padding: 1px 2pc 1px 10px;
  border: #316ac5 2px solid;
}

.SC_Field {
  border: #ffffff 1px solid;
}

.SC_FieldButton {
  border-left: #ffffff 1px solid;
}

.SC_FieldOver {
  border: #000080 1px solid;
}

.SC_FieldOver .SC_FieldButton {
  border-left: #000080 1px solid;
}

.ColorBoxBorder {
  border: #aca899 1px solid;
}

.ColorSelected {
  background-color: #ffeec2;
}

Datei dialog.css

body, .BackColor {
  background-color: #f8f7f5;
}

.PopupTitle {
  background-color: #ece9d8;
}

.PopupButtons {
  background-color: #f8f7f5;
}

.Button {
  width: 100px;
  border: #003c74 1px solid;
  color: #000000;
  background-color: #f5f5f1;
}

.DarkBackground {
  background-color: #ece9d8;
}

.LightBackground {
  background-color: #ffc73c;
}

.PopupTitleBorder {
  border-bottom: #919b9c 1px solid;
}

.PopupTabArea {
  background-color: #ece9d8;
}

.PopupTabEmptyArea {
  border-bottom: #919b9c 1px solid;
}

.PopupTab, .PopupTabSelected {
  border-right: #919b9c 1px solid;
  border-top: #919b9c 1px solid;
  border-left: #919b9c 1px solid;
}

.PopupTab {
  margin-top: 2px;
  border-bottom: #919b9c 1px solid;
}

.PopupTabSelected {
  border-top: #e68b2c 2px solid;
  background-color: #f8f7f5;
}

.PopupSelectionBox {
  background-color: #f8f7f5 !important;
}