Installation Texteditor

Aus iTrack
Version vom 20. Februar 2008, 14:08 Uhr von Admin (Diskussion | Beiträge)

(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
Wechseln zu: Navigation, Suche

Inhaltsverzeichnis

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

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

Integration

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

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

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/' ;

Fehlermeldungen

???

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;
}
Meine Werkzeuge
Namensräume

Varianten
Aktionen
Navigation
Werkzeuge