|
|
Publicēts 17.04.2015 16:20:20
|
|
|
Pēc divām dienām Ckeditor un Ckfinder beidzot integrēja attēlu augšupielādes funkciju.
Šeit es rakstīšu par savu pieredzi.
Lai ieviestu ziņu rediģēšanas moduli, mans brālis mani iepazīstināja ar Ckeditor.
Pirmkārt, lejupielādējiet Ckeditor .net versiju http://ckeditor.com/, es izmantoju ckeditor_aspnet_3.6.4 šeit.
Pēc lejupielādes atveriet to. Bet ne viss šeit ir noderīgs, tāpēc jūs varat to ievietot
kur paraugs ir piemērs un avots ir avota fails
, tieši svītrots
, mērķis ir samazināt redaktora apjomu. Pēc tam kopējiet visu mapi tieši vietnes saknes direktorijā. citāts
ckeditro.net.dll
Lapas galvenē, kurā jāizmanto redaktora vadīkla:
<scrip noņemt t src="/ckeditor/ckeditor.js" type="text/javascrip noņemt t" ></scrip去掉t>
<scrip noņemt t type="text/javascrip remove t" >
window.onload = funkcija () {
CKEDITOR.replace("txtContent");
}
. .</scrip去掉t>
Ķermenis
：
<CKEditor:CKEditorControl ID="CKEditor1" BasePath="~/ckeditor/" runat="serveris">
</CKEditor:CKEditorControl>
Fona kods ir arī vienkāršs:
raksts. ARTICLECONTENT = CKEditor1.Text; Tādējādi rediģētais saturs tiek piešķirts raksta modeļa klases laukam ARTICLECONTENT.
Un ar to mans redaktors ir veiksmīgi pabeigts!
Bet atkal ir radusies liela problēma, tas ir, Ckeditor nav iespējas augšupielādēt attēlus, kas patiešām ir galvassāpes. Kā to izdarīt? Dodieties uz Baidu.
Tiklīdz es devos tiešsaistē, es atklāju, ka ir daudz veidu, kā to atrisināt, daži saka, ka tas ir izveidot attēla augšupielādes funkciju ārpus redaktora un pēc tam nodot viņa servera saites ceļu uz pašreizējo redaktora kursoru, kad tas tiek nodots serverim, pēc tam to īstenot, darīt to un pēkšņi konstatēt, ka, noklikšķinot uz ārējā augšupielādes attēla, kursors vispār nav redaktorā, kas man jādara??? Padomājiet par to, diemžēl ar pašreizējām zināšanām es to nevaru izdarīt, es varu tikai atteikties. (Ja kāds dievs zina, atstājiet ziņu, lai pateiktu man, paldies); Daži saka, ka jūs rakstāt savu JS, lai īstenotu šo funkciju, un pēc tam pievienojiet to redaktoram, lai to pabeigtu, un ir daudz šādu rakstu:
1、 http://www.cnblogs.com/lts8989/archive/2011/08/04/2127326.html
2、 http://www.cnblogs.com/striiiiing/archive/2012/08/15/2640792.html
Es domāju, ka šie divi raksti ir diezgan labi, bet manas JS zināšanas ir vājas, tāpēc es mēģināju to uzrakstīt, bet es joprojām nevarēju to veiksmīgi īstenot.
Nu, šķiet, ka es varu izmantot Ckeditor tikai, lai integrētu ar Ckfinder, un es tiešām negribēju izmantot Ckfinder, jo tas ir uzlādēts, kas nav labi! Bet kas ir jautājums, ir labi, ka nav oficiālajā vietnē, es tieši devos uz resursiem internetā, labi, beidzot es atradu tādu, kas sniedza ļoti detalizētus resursus (šeit es gribētu pateikties dažiem brāļiem!!) Mājas lapa: http://download.csdn.net/download/q8347901/3887066 (Šeit ir arī detalizēti ievada raksti par Ckeditor un Ckfinder, ļoti labi!) ）
Lejupielādējiet Ckfinder, pēc tam kopējiet ckfinder.dll failu no /bin direktorija uz vietnes bin direktoriju, kopējiet ckfinder direktoriju vietnes saknes direktorijā (varat izvēlēties citu ceļu) un atsaucieties uz ckfinder.dll
Konfigurējiet šo:
Ja atrodaties .aspx lapā, kuru vēlaties redaktoru, tas ir šāds:
CKEDITOR.replace('Tekstlodziņš, kuru vēlaties iespējot rediģēšanu',
{
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'
}
);
Protams, izmantojiet globālās konfigurācijas metodi
Konfigurējiet Ckeditor spraudņa config.js
config.filebrowserBrowseUrl="/ckfinder/ckfinder.html";
config.filebrowserImageBrowseUrl="/ckfinder/ckfinder.html? Tips=Attēli";
config.filebrowserFlashBrowseUrl="/ckfinder/ckfinder.html? Tips=zibspuldze";
config.filebrowserUploadUrl="/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Faili";
config.filebrowserImageUploadUrl="/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images";
config.filebrowserFlashUploadUrl="/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash";
Pēc konfigurācijas modificējiet config.ascx ckfinder
CheckAuthentication()in Atgriezties true, pretējā gadījumā tas netiks augšupielādēts un būs nepieciešama verifikācija
Ceļš uz BaseUrl programmā SetConfig() ir augšupielādes ceļš
Arī pēc uzmanības pievēršanas neaizmirstiet atsaukties uz bll failu ckfinder
Nu, jūsu integrācija un attēlu augšupielāde ir veiksmīgi pabeigta.
Alternatīvi, ja vēlaties paslēpt cilnes Hipersaites un Papildu panelī Attēli, varat to izdarīt CKEditor spraudņos / attēls / dialogi / image.js
Meklējiet "Link" un "Advanced" sadaļā "id:'Link'" un "id:'advanced'," un pievienojiet "hidden:true", vienkārši dariet to.
Ja vēlaties uzlabot izskatu un optimizēt savu vietni, skatiet dažus no šiem rakstiem.
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 |
Iepriekšējo:asp.net teksta redaktors (FCKeditor)Nākamo:SQL Server nosaka, vai ir datu bāzes, tabulas, kolonnas un skati
|
