Installation Texteditor

Aus iTrack
(Unterschied zwischen Versionen)
Wechseln zu: Navigation, Suche
(Konfiguration)
(Skin)
 
(18 dazwischenliegende Versionen von einem Benutzer werden nicht angezeigt)
Zeile 1: Zeile 1:
 
==Dateien==
 
==Dateien==
 
*Dateien entpacken
 
*Dateien entpacken
*Styles-Datei in CSS-Verzeichnis verschieben und in <code>editor.css</code> umbenennen
+
*Styles-Datei in CSS-Verzeichnis verschieben und in <code>editor.xml</code> umbenennen
 
*Skin-Verzeichnis in CSS-Verzeichnis verschieben und in <code>editor</code> umbenennen
 
*Skin-Verzeichnis in CSS-Verzeichnis verschieben und in <code>editor</code> umbenennen
 
*XML- und JS-Dateien sowie Verzeichnis <code>editor</code> in JS-Verzeichnis verschieben
 
*XML- und JS-Dateien sowie Verzeichnis <code>editor</code> in JS-Verzeichnis verschieben
*Skin-Verzeichnis löschen
+
*Verzeichnisse <code>_source</code> und <code>skin</code> löschen
  
 
==Konfiguration==
 
==Konfiguration==
Zeile 14: Zeile 14:
 
*DefaultLanguage = <code>'de'</code>
 
*DefaultLanguage = <code>'de'</code>
 
*ShowBorders = <code>false</code>???
 
*ShowBorders = <code>false</code>???
*Toolbars <code>'basic'</code> ersetzen
+
*Toolbar <code>'basic'</code> ersetzen
/* ['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','About']*/
+
/* ['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','About']*/
[/*'NewPage','-',*/'Find','Replace','Cut','Copy','Paste'/*,'PasteText'*/,'-','Undo','Redo','-','SpecialChar'],
+
[/*'NewPage','-',*/'Find','Replace','Cut','Copy','Paste'/*,'PasteText'*/,'-','Undo','Redo','-','SpecialChar'],
['Italic','Underline'/*,'StrikeThrough'*/,'-','Superscript','Subscript']
+
['Italic','Underline'/*,'StrikeThrough'*/,'-','Superscript','Subscript']
*Toolbars <code>event</code> 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'*/],
+
*Toolbar <code>event</code> hinzufügen
[/*'Style',*/'FontFormat'/*,'FontName','FontSize'*/,'-','Bold','Italic','Underline'/*,'StrikeThrough'*/,'-','Superscript','Subscript'/*,'-','JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'*/,'-','OrderedList','UnorderedList','Outdent','Indent'/*,'-','RemoveFormat','-','BGColor'*/,'TextColor']/*,
+
[/*'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'*/],
/* ['Image','Flash','Table','Rule','Smiley','SpecialChar','UniversalKey'],*/
+
[/*'Style',*/'FontFormat'/*,'FontName','FontSize'*/,'-','Bold','Italic','Underline'/*,'StrikeThrough'*/,'-','Superscript','Subscript'/*,'-','JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'*/,'-','OrderedList','UnorderedList','Blockquote','Outdent','Indent'/*,'-','RemoveFormat','-','BGColor'*/,'TextColor']/*,
/* ['Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'],*/
+
/* ['Image','Flash','Table','Rule','Smiley','SpecialChar','UniversalKey'],*/
/* '/',*/
+
/* ['Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'],*/
 +
/* '/',*/
 
*Shortcuts
 
*Shortcuts
[ CTRL + 78 /*N*/, 'NewPage' ],            // new
+
[ CTRL + 78 /*N*/, 'NewPage' ],            // new
[ CTRL + 70 /*F*/, 'Find' ],              // new
+
[ CTRL + 70 /*F*/, 'Find' ],              // new
[ CTRL + 72 /*H*/, 'Replace' ],            // new
+
[ CTRL + 72 /*H*/, 'Replace' ],            // new
[ CTRL + 76 /*L*/, 'JustifyLeft' ],        // new
+
[ CTRL + 76 /*L*/, 'JustifyLeft' ],        // new
[ CTRL + 69 /*E*/, 'JustifyCenter' ],      // new
+
[ CTRL + 69 /*E*/, 'JustifyCenter' ],      // new
[ CTRL + 82 /*R*/, 'JustifyRight' ],      // new
+
[ CTRL + 82 /*R*/, 'JustifyRight' ],      // new
[ CTRL + 76 /*B*/, 'JustifyFull' ],        // new
+
[ CTRL + 76 /*B*/, 'JustifyFull' ],        // new
[ CTRL + 75 /*K*/, 'Link' ],              // new
+
[ CTRL + 75 /*K*/, 'Link' ],              // new
[ CTRL + SHIFT + 70 /*F*/, 'Bold' ],      // new
+
[ CTRL + SHIFT + 70 /*F*/, 'Bold' ],      // new
[ CTRL + SHIFT + 75 /*K*/, 'Italic' ],    // new
+
[ CTRL + SHIFT + 75 /*K*/, 'Italic' ],    // new
[ CTRL + SHIFT + 85 /*U*/, 'Underline' ],  // new
+
[ CTRL + SHIFT + 85 /*U*/, 'Underline' ],  // new
[ CTRL + 83 /*S*/, 'Save' ],              // new
+
[ CTRL + 83 /*S*/, 'Save' ],              // new
[ CTRL + 35 /*#*/, 'Subscript' ],          // new
+
[ CTRL + 35 /*#*/, 'Subscript' ],          // new
[ CTRL + 43 /*+*/, 'Superscript' ],        // new
+
[ CTRL + 43 /*+*/, 'Superscript' ],        // new
[ CTRL + SHIFT + 83 /*S*/, 'FontFormat' ], // new
+
[ CTRL + SHIFT + 83 /*S*/, 'FontFormat' ], // new
*FontFormats = <code>'p;address;h3;h4'</code>
+
[ CTRL + 13 /*ENTER*/, 'Source' ],        // new
 +
[ CTRL + SHIFT + 13 /*ENTER*/, 'FitWindow' ],// new
 +
*FontFormats = <code>p;h3;h4;address'</code>
 
*StylesXmlPath = <code>EditorPath + '../../css/editor.xml'</code>
 
*StylesXmlPath = <code>EditorPath + '../../css/editor.xml'</code>
 
*TemplatesXmlPath ???
 
*TemplatesXmlPath ???
Zeile 63: Zeile 66:
 
*JS-Datei in <code>editor.js</code> umbenennen
 
*JS-Datei in <code>editor.js</code> umbenennen
 
*JS-Klasse in <code>Editor</code> umbenennen
 
*JS-Klasse in <code>Editor</code> umbenennen
 +
*JS-Attribute
 +
this.Width      = width     || '100%' ;
 +
this.Height    = height    || '130' ;
 +
this.ToolbarSet = toolbarSet || 'Basic' ;
 +
this.Value      = value      || '' ;
 +
this.BasePath  = '/js/' ;
 
*JS-Objekte in <code>Editor.</code> umbenennen
 
*JS-Objekte in <code>Editor.</code> umbenennen
  
Zeile 77: Zeile 86:
  
 
==Uploader==
 
==Uploader==
*Nicht benötigte Verzeichnisse in <code>/js/editor/filemanager/upload/</code> löschen
+
*Nicht benötigte Verzeichnisse in <code>/js/editor/filemanager/connectors/</code> löschen
  
Datei <code>/js/editor/filemanager/upload/php/config.php</code>
+
Datei <code>/js/editor/filemanager/connectors/php/config.php</code>
 
*Uploader aktivieren: <code>$Config['Enabled'] = false ;</code>
 
*Uploader aktivieren: <code>$Config['Enabled'] = false ;</code>
 
*<code>$Config['UserFilesPath'] = '/pic/Image/' ;</code>
 
*<code>$Config['UserFilesPath'] = '/pic/Image/' ;</code>
Zeile 86: Zeile 95:
  
 
==Skin==
 
==Skin==
 +
Eigenschaften ergänzen (ersetzen)
 +
 
Datei <code>editor.css</code>
 
Datei <code>editor.css</code>
  
  #eWysiwygCell, .Source {
+
  #xEditingArea {
 
   border: #7f9db9 1px solid;
 
   border: #7f9db9 1px solid;
 +
  border-top: none;
 
  }
 
  }
 
   
 
   
Zeile 213: Zeile 225:
 
  .PopupTab, .PopupTabSelected {
 
  .PopupTab, .PopupTabSelected {
 
   border-right: #919b9c 1px solid;
 
   border-right: #919b9c 1px solid;
   border-top: #e68b2c 2px solid;
+
   border-top: #919b9c 1px solid;
 
   border-left: #919b9c 1px solid;
 
   border-left: #919b9c 1px solid;
 
  }
 
  }
 
   
 
   
 
  .PopupTab {
 
  .PopupTab {
 +
  margin-top: 2px;
 
   border-bottom: #919b9c 1px solid;
 
   border-bottom: #919b9c 1px solid;
 
  }
 
  }
 
   
 
   
 
  .PopupTabSelected {
 
  .PopupTabSelected {
 +
  border-top: #e68b2c 2px solid;
 
   background-color: #f8f7f5;
 
   background-color: #f8f7f5;
 
  }
 
  }

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

Inhaltsverzeichnis

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

Varianten
Aktionen
Navigation
Werkzeuge