Wprowadzenie do FCKeditor
FCKeditor to potężny edytor tekstu wspierający funkcjonalność WYSIWYG i oferujący użytkownikom usługi edycji dokumentów online, takie jak oprogramowanie Microsoft Office. Nie wymaga żadnej instalacji na kliencie, jest kompatybilny z większością popularnych przeglądarek i obsługuje środowiska programistyczne takie jak ASP.Net, ASP, ColdFusion, PHP, Java, Active-FoxPro, Lasso, Perl, ython itd.
Oficjalna strona http://www.fckeditor.net/
Oficjalna dokumentacja http://wiki.fckeditor.net/
Pobierz adres http://www.fckeditor.net/download/default.html
W rzeczywistości proces konfiguracji różnych wersji FCKeditor jest zasadniczo podobny, a tutaj weźmiemy najnowszą wersję 2.63 jako przykład, aby ją wprowadzić.
Instalacja i konfiguracja FCKeditora
Aby http://www.fckeditor.net, pobierz 2 pakiety zip dla FCKeditor2.63.zip i FCKeditor.NET wersji 2.63
(a) FCKeditor_2.6.3 to najnowszy Javascrip bez plików t i obrazów;
(b) FCKeditor.Net_2.6.3.zip to plik DLL ASP.NET control.
Rozpakuj a, aby pobrać plik FCKeditor i skopiuj go do katalogu głównego projektu webowego (oczywiście sugeruję, możesz umieścić go gdziekolwiek). Potem rozepnij B i zabierz. .NET wspierał kod źródłowy, enter, w wersji Release pod binem znajduje się FCKeditor DLL (jest tu także folder debug, zaleca się używanie release), musimy dodać do niego odniesienie w projekcie.
1. Kliknij prawym przyciskiem myszy w przeglądarce projektu i wybierz Dodaj Referencję... ), znajdź zakładkę Przeglądaj, potem znajdź FredCK.FCKeditorV2.dll rozpakowałeś i potwierdź. Obecnie w katalogu projektu FCKPro znajduje się dodatkowy folder bin, który zawiera FredCK.FCKeditorV2.dll plików.
2. Aby ułatwić rozwój RAD, dodaliśmy także kontrolkę FCKeditor do VS Toolbox, rozwinięcie wspólnej grupy kart (Ogólne) toolboxa oraz kliknięcie prawym przyciskiem, aby wybrać komponent (Wybierz Elementy... ), bezpośrednio znajdź przycisk przeglądania w oknie dialogowym, zlokalizuj FredCK.FCKeditorV2.dll i potwierdź.
3. Konfiguruj WebConfig, dodaj go do <appSettings>węzła, jak pokazano poniżej:- <appSettings>
- <add key="FCKeditor:BasePath" value="/Web/fckeditor/"/>
- <add key="FCKeditor:UserFilesPath" value="/Web/Upload/" />
- </appSettings>
Uwaga: "/Web/" to nazwa projektu.
BasePath:fckeditor to katalog, w którym znajduje się cały folder FCKeditor.
UserFilesPath: Ścieżka do przesyłania plików, obrazów itp.
Po ukończeniu pierwszego elementu w szczegółowej konfiguracji poniżej możemy użyć sterowania FCKeditor. Aby lepiej debugować to narzędzie i dostosować je do naszych rzeczywistych potrzeb, konieczne jest zmodyfikowanie ustawień jego właściwości.
Szczegółowe ustawienia FCKeditor
Przejdź do folderu FCKeditor i edytuj plik fckconfig. W rzeczywistości lista jest stosunkowo jasna, pismo bardziej ustandaryzowane i są tam pewne adnotacje, ale jeśli znasz trochę angielskiego, rozumiesz go i jest bardzo wygodny w obsłudze. Oto kilka często używanych ustawień jako mały przykład.
1. Ten krok jest koniecznością, najważniejszym i niezbędnym.
Pierwotnie:
var _FileBrowserLanguage = 'php' ; asp | ASPX | cfm | Lasso | perl | php | py
var _QuickUploadLanguage = 'php' ; asp | ASPX | cfm | Lasso | php
Zmieniono na:
var _FileBrowserLanguage = 'aspx' ; asp | ASPX | cfm | Lasso | perl | php | py
VAR _QuickUploadLanguage = 'ASPX' ; asp | ASPX | cfm | Lasso | php
2. Konfiguruj pakiet językowy. Są angielskie, chińskie tradycje itd., tutaj używamy chińskiego uproszczonego.
Pierwotnie:
FCKConfig.DefaultLanguage = 'en' ;
Zmieniono na:
FCKConfig.DefaultLanguage = 'zh-cn' ;
3. Konfiguruj skórkę. Są domyślne, office2003, silver style itd., tutaj możemy użyć domyślnego.
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ;
4. Możesz użyć Tab w domenie edytora. (1 to tak, 0 to nie)
FCKConfig.TabSpaces = 0 ; FCKConfig.TabSpaces = 1;
5. Dodaj kilka metod fontów, których powszechnie używamy, takich jak:
Poprawić
FCKConfig.FontNames = 'Arial; Comic Sans MS; Kurier Nowy; Tahoma; Times New Roman; Verdana' ;
Zmieniono na:
FCKConfig.FontNames = 'Styl piosenki; Ciało czarne; pismo duchowne; Kursywa _GB2312; Arial; Comic Sans MS; Kurier Nowy; Tahoma; Times New Roman; Verdana'
6. Domyślna czcionka wyświetlająca w domenie edytora to 12px, a jeśli chcesz ją zmodyfikować, możesz zmodyfikować arkusz stylów, aby spełnił wymagania, otworzyć /editor/css/fck_editorarea.css i zmodyfikować atrybut rozmiaru czcionki. Na przykład rozmiar czcionki: 14px;
7. O bezpieczeństwie.
Jeśli edytor jest używany na początku strony, musisz brać pod uwagę bezpieczeństwo, nie używać domyślnego paska narzędzi na pierwszym planie, albo dostosowywać funkcję, albo korzystać z systemu zdefiniowanego przez Basic, czyli paska narzędzi Basic,
FCKConfig.ToolbarSets["Basic"] = [
['Pogrubione', 'kursywa','-', 'Uporządkowana', 'Nieuporządkowana lista','-','', 'Link', 'Odłącz', 'Obraz','-', 'O mnie']
] ;
W rzeczywistości możesz je ustawić według własnych potrzeb, a funkcje są na tyle potężne, że oferują więcej opcji, które z pewnością spełnią Twoje oczekiwania.
Oczywiście możesz też skonfigurować WebConfig, aby zapewnić bezpieczeństwo, o czym porozmawiamy za chwilę.
Problemy z FCKEditor 2.6:
1. Rozwiązanie błędu "Proszę sprawdzić edytor/filemanager/connectors/aspx/config.aspx" w FCKeditor
Otwórz edytor/filemanager/connectors/aspx/config.ascx, aby zmodyfikować metodę CheckAuthentication() i zwrócić true
- private bool CheckAuthentication()
- {
- return true;
- }
2. Kliknij Browse Server w oknie Upload File – pojawi się odpowiedni plik xml, jeśli serwer nie odesłał odpowiedniego pliku..... Komunikat o błędzie, ponieważ późniejsze wersje FCKEditor wymagają wysyłania różnych typów plików do różnych katalogów, w tym plików, obrazów, falsh, mediów itd., które muszą być najpierw ustalone.
FCKeditor jest uproszczony
Przejdź do folderu FCKeditor i usuń wszystkie pliki oraz foldery zaczynające się od "_", to kilka przykładów, po prostu zachowaj folder edytora, fckconfig, fckeditor, fckstyles.xml, fcktemplates.xml;
Przejdź do folderu edytora, usuń folder "_source" i włóż do niego plik źródłowy;
Wróć do poprzedniego katalogu do folderu filemanager, gdzie są dwa foldery: przeglądarkowy i upload. Wejdź do "domyślnych" konektorów przeglądarki, zachowaj tylko folder aspx i usuń resztę. Katalog MCPUK również może zostać usunięty; Przesyłanie jest takie samo, zachowany jest tylko folder ASPX;
Wróć do edytora i wejdź do folderu obrazków, w ikonie emoji pojawia się uśmiech, są dwie serie: msn i fun, jeśli chcesz użyć własnych emoji, możesz je wszystkie usunąć; Jeśli chcesz użyć ikony emoji tutaj, to jej nie usuwaj;
lang jest umieszczany w pakiecie językowym, jeśli używasz tylko Chinese Simplified, to zachowaj tylko dwa pliki fcklanguagemanager i zh-cn, zaleca się zachować dwa pliki en (angielski) i zh (chiński tradycyjny), fcklanguagemanager to plik konfiguracyjny języka, który można sparować z ustawieniami w fckconfig, odpowiadającym odpowiedniemu plikowi językowym, który musi być zachowany!
Następnie wyjdź z folderu lang, wejdź do folderu skins, jeśli chcesz użyć domyślnego kremowożółtego folderu FCKeditora, usuń pozostałe dwa foldery oprócz domyślnego bezpośrednio – jeśli chcesz użyć czegoś innego, to zależy od twoich preferencji.
Pakiet z asp.net edytorem:
ckeditor_aspnet_3.6.6.2.zip
(1.32 MB, Liczba pobranych plików: 0, Cena sprzedaży: 2 Zbożowy MB)
|
Opublikowano 17.04.2015 13:35:50
|
|
|
