Einführung in FCKeditor FCKeditor ist ein leistungsstarker Texteditor, der WYSIWYG-Funktionalität unterstützt und Benutzern Online-Dokumentenbearbeitungsdienste wie Microsoft Office-Software anbieten kann. Es erfordert keine Form der Client-Installation, ist mit den meisten gängigen Browsern kompatibel und unterstützt Programmierumgebungen wie ASP.Net, ASP, ColdFusion, PHP, Java, Active-FoxPro, Lasso, Perl, Ython usw.
Offizielle Website http://www.fckeditor.net/
Offizielle Dokumentation http://wiki.fckeditor.net/
Laden Sie die Adresse http://www.fckeditor.net/download/default.html
Tatsächlich ist der Konfigurationsprozess verschiedener Versionen von FCKeditor im Grunde ähnlich, und hier nehmen wir das neueste 2.63 als Beispiel, um es vorzustellen.
FCKeditor-Installation und Konfiguration Um http://www.fckeditor.net zu , laden Sie die 2 zip-Pakete für FCKeditor2.63.zip und FCKeditor.NET Version 2.63 herunter
(a) FCKeditor_2.6.3 ist das neueste Javascrip ohne t-Dateien und Bilder;
(b) FCKeditor.Net_2.6.3.zip ist eine ASP.NET Control DLL-Datei.
Entpacke a, um die FCKeditor-Kerndatei zu erhalten, und kopiere sie in das Root-Verzeichnis des Webprojekts (natürlich empfohlen, du kannst sie überall ablegen). Dann Reißverschluss aufmachen und holen. .NET-unterstützten Quellcode, enter, es gibt FCKeditor-DLL in der Release unter bin (es gibt hier auch einen Debug-Ordner, es wird empfohlen, release zu verwenden), wir müssen eine Referenz darauf im Projekt hinzufügen.
1. Rechtsklick im Projektbrowser und wähle Referenz hinzufügen... ), finde den Reiter Durchsuchen, dann die FredCK.FCKeditorV2.dll, die du entpackt hast, und bestätigen Sie. Derzeit gibt es einen zusätzlichen Bin-Ordner im FCKPro-Projektverzeichnis, der FredCK.FCKeditorV2.dll Dateien enthält.
2. Um die RAD-Entwicklung zu erleichtern, haben wir außerdem die FCKeditor-Steuerung in VS Toolbox hinzugefügt, die gemeinsame Tab-Gruppe (Allgemein) der Toolbox erweitert und mit Rechtsklick die Komponente ausgewählt (Elemente auswählen... ), finden Sie direkt den Browse-Button im Dialogfeld, finden Sie die FredCK.FCKeditorV2.dll und bestätigen Sie dann.
3. Konfigurieren Sie WebConfig, fügen Sie es im <appSettings>Knoten ein, wie unten gezeigt:- <appSettings>
- <add key="FCKeditor:BasePath" value="/Web/fckeditor/"/>
- <add key="FCKeditor:UserFilesPath" value="/Web/Upload/" />
- </appSettings>
Code kopieren
Hinweis: "/Web/" ist der Projektname.
BasePath:fckeditor ist das Verzeichnis, in dem sich der gesamte FCKeditor-Ordner befindet.
UserFilesPath: Der Pfad zum Hochladen von Dateien, Bildern usw.
Nachdem wir das erste Element in der unten detaillierten Konfiguration abgeschlossen haben, können wir die FCKeditor-Steuerung verwenden. Um dieses Tool besser zu debuggen und es unseren tatsächlichen Bedürfnissen gerecht zu machen, ist es notwendig, die Einstellungen seiner Eigenschaften zu ändern.
FCKeditor detaillierte Einstellungen Gehe in den FCKeditor-Ordner und bearbeite die fckconfig-Datei. Tatsächlich ist die Liste relativ klar, das Schreiben ist standardisierter und es gibt einige Anmerkungen, aber solange man ein wenig Englisch kann, kann man es verstehen, und es ist sehr praktisch zu bedienen. Hier sind einige häufig verwendete Einstellungen als kleines Beispiel.
1. Dieser Schritt ist ein Muss, der wichtigste Schritt und unerlässlich.
Ursprünglich:
var _FileBrowserLanguage = 'php' ; asp | aspx | CFM | Lasso | Perl | php | py
var _QuickUploadLanguage = 'php' ; asp | aspx | CFM | Lasso | php
Geändert zu:
var _FileBrowserLanguage = 'aspx' ; asp | aspx | CFM | Lasso | Perl | php | py
var _QuickUploadLanguage = 'aspx' ; asp | aspx | CFM | Lasso | php
2. Konfigurieren Sie das Sprachpaket. Es gibt Englisch, traditionell Chinesisch usw., hier verwenden wir vereinfacht chinesisch.
Ursprünglich:
FCKConfig.DefaultLanguage = 'en' ;
Geändert zu:
FCKConfig.DefaultLanguage = 'zh-cn' ;
3. Konfigurieren Sie die Haut. Es gibt Standard, Office2003, Silver Style usw., hier können wir den Standard verwenden.
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ;
4. Du kannst die Tab-Taste in der Editor-Domain verwenden. (1 ist ja, 0 ist nein)
FCKConfig.TabSpaces = 0 ; FCKConfig.TabSpaces = 1;
5. Fügen Sie mehrere Schriftarten hinzu, die wir häufig verwenden, wie zum Beispiel:
revidieren
FCKConfig.FontNames = 'Arial; Comic Sans MS; Kurier Neu; Tahoma; Times New Roman; Verdana';
Geändert zu:
FCKConfig.FontNames = 'Liedstil; schwarzer Körper; Schreibschrift; Kursiv _GB2312; Arial; Comic Sans MS; Kurier Neu; Tahoma; Times New Roman; Verdana'
6. Die Standard-Anzeigeschrift in der Editor-Domäne ist 12px, und wenn du sie ändern möchtest, kannst du das Stylesheet anpassen, um die Anforderungen zu erfüllen, /editor/css/fck_editorarea.css öffnen und das Attribut Schriftgröße anpassen. Zum Beispiel Schriftgröße: 14px;
7. Über die Sicherheit.
Wenn dein Editor im Frontend der Website verwendet wird, musst du die Sicherheit berücksichtigen, nicht die Standard-Symbolleiste im Vordergrund verwenden, sondern entweder die Funktion anpassen oder das System verwenden, das die Basic definiert hat, also die Basic-Toolbar,
FCKConfig.ToolbarSets["Basic"] = [ ['Fett', 'Kursiv','-','OrderedList','UnorderedList','-','Link','Unlink','Bild','-','About'] ] ;
Tatsächlich können Sie diese nach Ihren eigenen Bedürfnissen einstellen, und die Funktionen sind leistungsstark genug, um mehr Auswahlmöglichkeiten zu bieten, was definitiv Ihren Bedürfnissen entspricht.
Natürlich können Sie WebConfig auch so konfigurieren, dass sie Sicherheit gewährleistet, worüber wir als Nächstes sprechen werden.
Probleme mit FCKEditor 2.6: 1. Lösung für den Fehler "Bitte prüfen Sie den Editor/Dateimanager/connectors/aspx/config.aspx"-Fehler im FCKeditor
Öffne editor/filemanager/connectors/aspx/config.ascx, um die CheckAuthentication()-Methode zu modifizieren und true zurückzugeben
- private bool CheckAuthentication()
- {
- return true;
- }
Code kopieren
2. Klicke im Upload-Dateifenster auf Server durchsuchen, der Server hat keine korrekte XML-Datei zurückgeschickt, es wird angezeigt..... Fehlermeldung, da spätere Versionen von FCKEditor erfordern, dass verschiedene Dateitypen an verschiedene Verzeichnisse gesendet werden, einschließlich Datei, Bild, Falsh, Medien usw., die zuerst festgelegt werden müssen.
FCKeditor ist schlanklinienförmig Gehe in den FCKeditor-Ordner und lösche alle Dateien und Ordner, die mit "_" beginnen, das sind einige Beispiele, behalte einfach den Editor-Ordner, fckconfig, fckeditor, fckstyles.xml, fcktemplates.xml;
Gehe zum Editor-Ordner, lösche den "_source"-Ordner und lege die Quelldatei hinein;
Zurück zum vorherigen Verzeichnis zum Dateimanagerordner, dort gibt es zwei Ordner: Browser und Upload. Gehe zu den "Standard"-Connectoren des Browsers, behalte nur den ASPX-Ordner und lösche den Rest. Das MCPUK-Verzeichnis kann ebenfalls gelöscht werden; Der Upload ist dasselbe, nur der ASPX-Ordner wird beibehalten;
Gehe zurück zum Editor und öffne dann den Bilder-Ordner, der Smiley wird im Emoji-Symbol angezeigt, es gibt zwei Serien, msn und fun, wenn du dein eigenes Emoji verwenden möchtest, kannst du sie alle löschen; Wenn du das Emoji-Symbol hier verwenden möchtest, dann lösche es nicht;
lang wird im Sprachpaket eingefügt, wenn Sie nur das vereinfachte chinesische Format verwenden, behalten Sie nur die beiden Dateien fcklanguagemanager und zh-cn. Es wird empfohlen, die beiden Dateien von en (Englisch) und zh (traditionell chinesisch) zu behalten, fcklanguagemanager ist die Sprachkonfigurationsdatei, die mit den Einstellungen in fckconfig gepaart werden kann, entsprechend der entsprechenden Sprachdatei, die beibehalten werden muss!
Dann verlasse den Lang-Ordner, gehe in den Skins-Ordner. Wenn du den Standard-Creamy-Yellow von FCKeditor verwenden willst, lösche dann die anderen beiden Ordner außer dem Standardordner direkt; wenn du etwas anderes verwenden möchtest, hängt das von deinen eigenen Vorlieben ab.
Paket mit asp.net Editor:
ckeditor_aspnet_3.6.6.2.zip
(1.32 MB, Anzahl der Downloads: 0, Verkaufspreis: 2 Getreide MB)
|