Installation Texteditor

Aus iTrack
(Unterschied zwischen Versionen)
Wechseln zu: Navigation, Suche
(Konfiguration)
(Skin)
Zeile 80: Zeile 80:
 
Datei <code>editor.css</code>
 
Datei <code>editor.css</code>
  
  #eWysiwygCell, .Source
+
  #eWysiwygCell, .Source {
{
+
 
   border: #7f9db9 1px solid;
 
   border: #7f9db9 1px solid;
 
  }
 
  }
 
   
 
   
  .TB_ToolbarSet
+
  .TB_ToolbarSet {
{
+
 
   border-top: #7f9db9 1px solid;
 
   border-top: #7f9db9 1px solid;
 
   border-bottom: #7f9db9 1px solid;
 
   border-bottom: #7f9db9 1px solid;
 
  }
 
  }
 
   
 
   
  .TB_SideBorder
+
  .TB_SideBorder {
{
+
 
   background-color: #7f9db9;
 
   background-color: #7f9db9;
 
  }
 
  }
 
   
 
   
  .TB_Expand, .TB_Collapse
+
  .TB_Expand, .TB_Collapse {
{
+
 
   padding: 2px 2px 2px 2px;
 
   padding: 2px 2px 2px 2px;
 
   border: #7f9db9 1px solid;
 
   border: #7f9db9 1px solid;
 
  }
 
  }
 
   
 
   
  .TB_Button_On
+
  .TB_Button_On {
{
+
 
   border: #000080 1px solid;
 
   border: #000080 1px solid;
 
   background-color: #ffc06f;
 
   background-color: #ffc06f;
 
  }
 
  }
 
   
 
   
  .TB_Button_On_Over, .TB_Button_Off_Over
+
  .TB_Button_On_Over, .TB_Button_Off_Over {
{
+
 
   border: #000080 1px solid;
 
   border: #000080 1px solid;
 
   background-color: #ffc06f;
 
   background-color: #ffc06f;
 
  }
 
  }
 
   
 
   
  .MN_Menu
+
  .MN_Menu {
{
+
 
   border: #002d96 1px solid;
 
   border: #002d96 1px solid;
 
  }
 
  }
 
   
 
   
  .Menu .TB_Button_On, .Menu .TB_Button_On_Over
+
  .Menu .TB_Button_On, .Menu .TB_Button_On_Over {
{
+
 
   border: #002d96 1px solid;
 
   border: #002d96 1px solid;
 
  }
 
  }
 
   
 
   
  .FCK_Panel
+
  .FCK_Panel {
{
+
 
   border: #002d96 1px solid;
 
   border: #002d96 1px solid;
 
  }
 
  }
 
   
 
   
  .SC_Panel
+
  .SC_Panel {
{
+
 
   border: #002d96 1px solid;
 
   border: #002d96 1px solid;
 
  }
 
  }
 
   
 
   
  .SC_Item, .SC_ItemSelected
+
  .SC_Item, .SC_ItemSelected {
{
+
 
   border: #aaaaaa 1px solid;
 
   border: #aaaaaa 1px solid;
 
  }
 
  }
 
   
 
   
  .SC_ItemSelected
+
  .SC_ItemSelected {
{
+
 
   padding: 1px 2pc 1px 10px;
 
   padding: 1px 2pc 1px 10px;
 
   border: #316ac5 2px solid;
 
   border: #316ac5 2px solid;
 
  }
 
  }
 
   
 
   
  .SC_ItemOver
+
  .SC_ItemOver {
{
+
 
   padding: 1px 2pc 1px 10px;
 
   padding: 1px 2pc 1px 10px;
 
   border: #316ac5 2px solid;
 
   border: #316ac5 2px solid;
 
  }
 
  }
 
   
 
   
  .SC_Field
+
  .SC_Field {
{
+
 
   border: #ffffff 1px solid;
 
   border: #ffffff 1px solid;
 
  }
 
  }
 
   
 
   
  .SC_FieldButton
+
  .SC_FieldButton {
{
+
 
   border-left: #ffffff 1px solid;
 
   border-left: #ffffff 1px solid;
 
  }
 
  }
 
   
 
   
  .SC_FieldOver
+
  .SC_FieldOver {
{
+
 
   border: #000080 1px solid;
 
   border: #000080 1px solid;
 
  }
 
  }
 
   
 
   
  .SC_FieldOver .SC_FieldButton
+
  .SC_FieldOver .SC_FieldButton {
{
+
 
   border-left: #000080 1px solid;
 
   border-left: #000080 1px solid;
 
  }
 
  }
 
   
 
   
  .ColorBoxBorder
+
  .ColorBoxBorder {
{
+
 
   border: #aca899 1px solid;
 
   border: #aca899 1px solid;
 
  }
 
  }
 
   
 
   
  .ColorSelected
+
  .ColorSelected {
{
+
 
   background-color: #ffeec2;
 
   background-color: #ffeec2;
 
  }
 
  }
Zeile 183: Zeile 164:
 
Datei <code>dialog.css</code>
 
Datei <code>dialog.css</code>
  
  body, .BackColor
+
  body, .BackColor {
{
+
 
   background-color: #f8f7f5;
 
   background-color: #f8f7f5;
 
  }
 
  }
 
   
 
   
  .PopupTitle
+
  .PopupTitle {
{
+
 
   background-color: #ece9d8;
 
   background-color: #ece9d8;
 
  }
 
  }
 
   
 
   
  .PopupButtons
+
  .PopupButtons {
{
+
 
   background-color: #f8f7f5;
 
   background-color: #f8f7f5;
 
  }
 
  }
 
   
 
   
  .Button
+
  .Button {
{
+
 
   width: 100px;
 
   width: 100px;
 
   border: #003c74 1px solid;
 
   border: #003c74 1px solid;
Zeile 206: Zeile 183:
 
  }
 
  }
 
   
 
   
  .DarkBackground
+
  .DarkBackground {
{
+
 
   background-color: #ece9d8;
 
   background-color: #ece9d8;
 
  }
 
  }
 
   
 
   
  .LightBackground
+
  .LightBackground {
{
+
 
   background-color: #ffc73c;
 
   background-color: #ffc73c;
 
  }
 
  }
 
   
 
   
  .PopupTitleBorder
+
  .PopupTitleBorder {
{
+
 
   border-bottom: #919b9c 1px solid;
 
   border-bottom: #919b9c 1px solid;
 
  }
 
  }
 
   
 
   
  .PopupTabArea
+
  .PopupTabArea {
{
+
 
   background-color: #ece9d8;
 
   background-color: #ece9d8;
 
  }
 
  }
 
   
 
   
  .PopupTabEmptyArea
+
  .PopupTabEmptyArea {
{
+
 
   border-bottom: #919b9c 1px solid;
 
   border-bottom: #919b9c 1px solid;
 
  }
 
  }
 
   
 
   
  .PopupTab, .PopupTabSelected
+
  .PopupTab, .PopupTabSelected {
{
+
 
   border-right: #919b9c 1px solid;
 
   border-right: #919b9c 1px solid;
 
   border-top: #e68b2c 2px solid;
 
   border-top: #e68b2c 2px solid;
Zeile 238: Zeile 209:
 
  }
 
  }
 
   
 
   
  .PopupTab
+
  .PopupTab {
{
+
 
   border-bottom: #919b9c 1px solid;
 
   border-bottom: #919b9c 1px solid;
 
  }
 
  }
 
   
 
   
  .PopupTabSelected
+
  .PopupTabSelected {
{
+
 
   background-color: #f8f7f5;
 
   background-color: #f8f7f5;
 
  }
 
  }
 
   
 
   
  .PopupSelectionBox
+
  .PopupSelectionBox {
{
+
 
   background-color: #f8f7f5 !important;
 
   background-color: #f8f7f5 !important;
 
  }
 
  }
  
 
[[Category:Server]]
 
[[Category:Server]]

Version vom 14. August 2007, 15:45 Uhr

Inhaltsverzeichnis

Dateien

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

Konfiguration

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

Allgemein: Datei /js/config.js

  • SkinPath = '../../css/editor/'
  • AutoDetectLanguage = false
  • DefaultLanguage = 'de'
  • ShowBorders = false???
  • Toolbars 'default' und 'basic' ersetzen
  • 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*/, 'Style' ],      // new
  • FontFormats = 'p;address;h3;h4'
  • 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-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/upload/ löschen

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

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

Fehlermeldungen

???

Skin

Datei editor.css

#eWysiwygCell, .Source {
  border: #7f9db9 1px solid;
}

.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: #e68b2c 2px solid;
  border-left: #919b9c 1px solid;
}

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

.PopupTabSelected {
  background-color: #f8f7f5;
}

.PopupSelectionBox {
  background-color: #f8f7f5 !important;
}
Meine Werkzeuge
Namensräume

Varianten
Aktionen
Navigation
Werkzeuge