Šis straipsnis yra veidrodinis mašininio vertimo straipsnis, spauskite čia norėdami pereiti prie originalaus straipsnio.

Rodinys: 19014|Atsakyti: 0

[ASP.NET] Ckeditor ir Ckfinder integracija Įkelti vaizdą funkcija (.net versija)

[Kopijuoti nuorodą]
Paskelbta 2015-04-17 16:20:20 | | |

Po dviejų dienų "Ckeditor" ir "Ckfinder" pagaliau integravo vaizdų įkėlimo funkciją.

Čia parašysiu apie savo patirtį.

Norėdamas įgyvendinti naujienų redagavimo modulį, brolis supažindino mane su Ckeditor.

Pirma, atsisiųskite .net versiją Ckeditor http://ckeditor.com/, aš naudoju ckeditor_aspnet_3.6.4 čia.


          Atsisiuntę išpakuokite jį atidarytą. Bet ne viskas čia yra naudinga, todėl galite įdėti
         
            kur pavyzdys yra pavyzdys, o šaltinis yra šaltinio failas
            , tiesiogiai išbraukta
            , tikslas yra sumažinti redaktoriaus garsumą. Tada nukopijuokite visą aplanką tiesiai į šakninį svetainės katalogą. Citata
            ckeditro.net.dll
         
        


       Puslapio, kuriame reikia naudoti redaktoriaus valdiklį, antraštėje:
   


        
          <scrip remove t src="/ckeditor/ckeditor.js" type="text/javascrip remove t" ></scrip去掉t>
         

          <scrip remove t type="text/javascrip remove t" >
         

                 window.onload = funkcija () {
         

                      CKEDITOR.replace("txtContent");
         

                  }
         

          . .</scrip去掉t> .
        
      


        Kūnas
        :
      

<CKEditor:CKEditorControl ID="CKEditor1" BasePath="~/ckeditor/" runat="serveris">
</CKEditor:CKEditorControl>

Fono kodas taip pat paprastas:

straipsnis. ARTICLECONTENT = CKEditor1.Text; Tai priskiria redaguotą turinį straipsnio modelio klasės laukui ARTICLECONTENT.

Ir su tuo, mano redaktorius sėkmingai baigtas!

Tačiau vėl iškilo didelė problema, tai yra, "Ckeditor" neturi galimybės įkelti vaizdų, o tai tikrai kelia galvos skausmą. Kaip tai padaryti? Eikite į Baidu.

Kai tik prisijungiau prie interneto, pastebėjau, kad yra daug būdų, kaip tai išspręsti, kai kurie sako, kad tai yra sukurti vaizdo įkėlimo funkciją už redaktoriaus ribų, o tada perduoti jo serverio nuorodos kelią į dabartinį redaktoriaus žymeklį, kai jis perduodamas serveriui, tada jį įgyvendinti, padaryti ir staiga pastebėti, kad spustelėjus išorinį įkėlimo vaizdą, žymeklio visai nėra redaktoriuje, ką turėčiau daryti??? Pagalvokite apie tai, deja, turėdamas dabartines žinias, aš negaliu to padaryti, galiu tik pasiduoti. (Jei kas nors dievas žino, palikite žinutę, kad pasakytumėte man, ačiū); Kai kurie sako, kad jūs rašote savo JS, kad įgyvendintumėte šią funkciją, o tada prijunkite jį prie redaktoriaus, kad ją užbaigtumėte, ir yra daug tokių straipsnių:

1、 http://www.cnblogs.com/lts8989/archive/2011/08/04/2127326.html

2 、 http://www.cnblogs.com/striiiiing/archive/2012/08/15/2640792.html

Manau, kad šie du straipsniai yra gana geri, bet mano paties JS žinios yra silpnos, todėl bandžiau jį parašyti, bet vis tiek nepavyko sėkmingai įgyvendinti.

Na, atrodo, kad aš galiu naudoti tik Ckeditor integruoti su Ckfinder, ir aš tikrai nenorėjau naudoti Ckfinder, nes jis yra apmokestintas, o tai nėra gerai! Bet kas nutiko, gerai, kad nebūčiau oficialioje svetainėje, aš tiesiogiai nuėjau į išteklius internete, na, pagaliau radau tokį, kuriame buvo pateikti labai išsamūs ištekliai (čia norėčiau padėkoti kai kuriems broliams!!) Svetainė: http://download.csdn.net/download/q8347901/3887066 (Čia taip pat yra išsamių įvadinių straipsnių apie Ckeditor ir Ckfinder, labai gerai!) )

Atsisiųskite Ckfinder, tada nukopijuokite ckfinder.dll failą iš /bin katalogo į svetainės bin katalogą, nukopijuokite ckfinder katalogą į šakninį svetainės katalogą (galite pasirinkti kitą kelią) ir nurodykite ckfinder.dll

Sukonfigūruokite tai:

Jei esate .aspx puslapyje, kurį norite redaguoti, jis yra toks:

CKEDITOR.replace('Teksto laukelis, kurį norite redaguoti',
{
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'
}  
);

Žinoma, naudokite visuotinės konfigūracijos metodą

Konfigūruokite "Ckeditor" papildinio config.js

config.filebrowserBrowseUrl="/ckfinder/ckfinder.html";
config.filebrowserImageBrowseUrl="/ckfinder/ckfinder.html? tipas=vaizdai";
config.filebrowserFlashBrowseUrl="/ckfinder/ckfinder.html? tipas = blykstė";   
config.filebrowserUploadUrl="/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Failai";   
config.filebrowserImageUploadUrl="/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Vaizdai";   
config.filebrowserFlashUploadUrl="/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash";



Po konfigūracijos pakeiskite config.ascx ckfinder

CheckAuthentication()in Grąžina true, kitaip jis nebus įkeltas ir reikalauja patvirtinimo

Kelias į BaseUrl SetConfig() yra kelias įkelti

Taip pat atkreipę dėmesį nepamirškite nurodyti bll failą ckfinder

Na, jūsų integracija ir vaizdų įkėlimas sėkmingai baigtas.
Arba, jei norite paslėpti skirtukus Hipersaitai ir Išplėstiniai vaizdų skydelyje, galite tai padaryti CKEditor papildiniuose/vaizdas/dialogai/image.js

Ieškokite "Link" ir "advanced" "id:'Link'" ir "id:'advanced'" ir pridėkite "hidden:true", tiesiog padarykite tai.

Jei norite pagerinti išvaizdą ir optimizuoti savo svetainę, peržiūrėkite keletą šių straipsnių.

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




Ankstesnis:asp.net teksto rengyklė (FCKeditor)
Kitą:SQL serveris nustato, ar yra duomenų bazių, lentelių, stulpelių ir rodinių
Atsakomybės apribojimas:
Visa programinė įranga, programavimo medžiaga ar straipsniai, kuriuos skelbia Code Farmer Network, yra skirti tik mokymosi ir mokslinių tyrimų tikslams; Aukščiau nurodytas turinys negali būti naudojamas komerciniais ar neteisėtais tikslais, priešingu atveju vartotojai prisiima visas pasekmes. Šioje svetainėje pateikiama informacija gaunama iš interneto, o ginčai dėl autorių teisių neturi nieko bendra su šia svetaine. Turite visiškai ištrinti aukščiau pateiktą turinį iš savo kompiuterio per 24 valandas nuo atsisiuntimo. Jei jums patinka programa, palaikykite autentišką programinę įrangą, įsigykite registraciją ir gaukite geresnes autentiškas paslaugas. Jei yra kokių nors pažeidimų, susisiekite su mumis el. paštu.

Mail To:help@itsvse.com