|
|
Opublikowano 17.04.2015 16:20:20
|
|
|
Po dwóch dniach Ckeditor i Ckfinder w końcu zintegrowali funkcję przesyłania obrazów.
Tutaj napiszę o moim doświadczeniu.
Aby wdrożyć moduł redakcji w wiadomościach, mój brat przedstawił mi Ckeditora.
Najpierw pobierz wersję .net Ckeditora na http://ckeditor.com/, tutaj używam ckeditor_aspnet_3.6.4.
Po pobraniu rozpakuj ją i otwórz ją. Ale nie wszystko tutaj jest przydatne, więc możesz to wpisać
gdzie sample jest przykładem, a źródło to plik źródłowy
, bezpośrednio usunięte
, celem jest zmniejszenie objętości edytora. Następnie skopiuj cały folder bezpośrednio do katalogu głównego strony. Cytat
ckeditro.net.dll
W nagłówku strony, gdzie musisz użyć sterowania edytorem:
<scrip usuń t src="/ckeditor/ckeditor.js" type="text/javascrip usuń t" ></scrip去掉t>
<scrip usuń t type="text/javascrip usuń t" >
window.onload = funkcja () {
CKEDITOR.replace("txtContent");
}
</scrip去掉t>. . .
Korpus
：
<CKEditor:CKEditorControl ID="CKEditor1" BasePath="~/ckeditor/" runat="server">
</CKEditor:CKEditorControl>
Kod tła jest również prosty:
artykuł. ARTICLECONTENT = CKEditor1.Text; To przypisuje edytowaną treść do pola ARTICLECONTENT klasy modelu artykułu.
I tym samym mój edytor jest pomyślnie ukończony!
Ale pojawił się kolejny poważny problem, a mianowicie Ckeditor nie ma możliwości przesyłania obrazów, co jest naprawdę uciążliwe. Jak to zrobić? Jedź do Baidu.
Gdy tylko wszedłem do internetu, odkryłem, że jest wiele sposobów na rozwiązanie problemu, niektórzy mówią, że chodzi o utworzenie funkcji przesyłania obrazu poza edytor, a następnie przekazywanie ścieżki linku serwera do aktualnego kursora edytora, gdy jest przekazywany do serwera, implementację tego, wykonanie i nagle okazuje się, że po kliknięciu na zewnętrzny obraz przesłany kursor w ogóle nie jest w edytorze, co powinienem zrobić??? Pomyśl o tym, niestety, przy obecnej wiedzy nie dam rady, mogę się tylko poddać. (Jeśli ktoś wie, niech zostawi wiadomość, żeby mi powiedzieć, dziękuję); Niektórzy mówią, że piszesz własny JS, aby zaimplementować tę funkcję, a następnie podłączasz go do edytora, aby ją uzupełnić, i istnieje wiele takich artykułów:
1、 http://www.cnblogs.com/lts8989/archive/2011/08/04/2127326.html
2、 http://www.cnblogs.com/striiiiing/archive/2012/08/15/2640792.html
Uważam, że te dwa artykuły są całkiem dobre, ale moja wiedza o JS jest słaba, więc próbowałem je napisać, ale nadal nie udało mi się ich skutecznie wdrożyć.
Wygląda na to, że mogę używać Ckeditora tylko do integracji z Ckfinderem, a naprawdę nie chciałem używać Ckfindera, bo jest naładowany, co nie jest dobre!! Ale co się stało, dobrze nie być na oficjalnej stronie, od razu wszedłem do zasobów w Internecie, w końcu znalazłem takie, które oferowało bardzo szczegółowe materiały (tutaj chciałbym podziękować kilku braciom!!) Strona internetowa: http://download.csdn.net/download/q8347901/3887066 (Są też szczegółowe artykuły wprowadzające na temat Ckeditora i Ckfindera tutaj, bardzo dobre!) ）
Pobierz Ckfinder, następnie skopiuj plik ckfinder.dll z katalogu /bin do katalogu site, skopiuj katalog ckfinder do katalogu głównego strony (możesz wybrać inną ścieżkę) i odwołaj się do ckfinder.dll
Konfiguruj to:
Jeśli jesteś na .aspx stronie, którą chcesz zaznaczyć w ckeditorze, wygląda ona następująco:
CKEDITOR.replace('Pole tekstowe, które chcesz włączyć edycję',
{
filebrowserBrowseUrl:'/ckfinder/ckfinder.html',//启用浏览功能
filebrowserImageBrowseUrl:'/ckfinder/ckfinder.html?Type=Images',
filebrowserFlashBrowseUrl:'/ckfinder/ckfinder.html?Type=Flash',
filebrowserUploadUrl:'/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files',
filebrowserImageUploadUrl:'/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images',
filebrowserFlashUploadUrl:'/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash'
}
);
Oczywiście, użyj globalnej metody konfiguracji
Konfiguruj config.js wtyczki Ckeditor
config.filebrowserBrowseUrl="/ckfinder/ckfinder.html";
config.filebrowserImageBrowseUrl="/ckfinder/ckfinder.html? Typ=Obrazy";
config.filebrowserFlashBrowseUrl="/ckfinder/ckfinder.html? Type=Flash";
config.filebrowserUploadUrl="/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files";
config.filebrowserImageUploadUrl="/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images";
config.filebrowserFlashUploadUrl="/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash";
Po konfiguracji zmodyfikuj config.ascx w ckfinderze
CheckAuthentication()in Return true, w przeciwnym razie nie zostanie przesłany i wymaga weryfikacji
Ścieżka do BaseUrl w SetConfig() to ścieżka do przesłania
Po uważnym sprawdzeniu nie zapomnij też odwołać się do pliku bll w ckfinderze
Twoja integracja i przesyłanie obrazów zostały pomyślnie zakończone.
Alternatywnie, jeśli chcesz ukryć hiperłącza i zakładki Zaawansowane w panelu Obrazy, możesz to zrobić w wtyczkach/obrazach/dialogach CKEditora image.js
Wyszukaj "Link" i "advanced" w "id:'Link'" oraz "id:'advanced'" i dodaj "hidden:true", po prostu to zrób.
Jeśli chcesz poprawić wygląd i zoptymalizować swoją stronę, zapoznaj się z poniższymi artykułami.
1、 http://www.cnblogs.com/netec/archive/2009/11/02/ckeditor_ckfinder.html
2、 http://blog.csdn.net/lulu_jiang/article/details/5532345
3、 http://blog.csdn.net/hzq1074/article/details/5893475 |
Poprzedni:asp.net Edytor tekstu (FCKeditor)Następny:SQL Server określa, czy istnieją bazy danych, tabele, kolumny i widoki
|
