Installation Texteditor
Aus iTrack
(Unterschied zwischen Versionen)
Admin (Diskussion | Beiträge) (→Konfiguration) |
Admin (Diskussion | Beiträge) (→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. | + | *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 | ||
− | * | + | *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>??? | ||
− | * | + | *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'], | |
− | + | ['Italic','Underline'/*,'StrikeThrough'*/,'-','Superscript','Subscript'] | |
− | * | + | *Toolbar <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'*/], | |
− | /* ['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 + 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 | |
− | *FontFormats = <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/ | + | *Nicht benötigte Verzeichnisse in <code>/js/editor/filemanager/connectors/</code> löschen |
− | Datei <code>/js/editor/filemanager/ | + | 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> | ||
− | # | + | #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: # | + | 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
undskin
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; }