|
|
Zveřejněno 17.04.2015 16:20:20
|
|
|
Po dvou dnech Ckeditor a Ckfinder konečně integrovali funkci nahrávání obrázků.
Zde napíšu o své zkušenosti.
Abych mohl implementovat editační modul zpráv, bratr mě seznámil s Ckeditorem.
Nejprve si stáhni .net verzi Ckeditoru na http://ckeditor.com/, používám zde ckeditor_aspnet_3.6.4.
Po stažení ho rozbalte a otevřete. Ale ne všechno tady je užitečné, takže to můžete napsat
kde sample je příklad a zdroj je zdrojový soubor
, přímo smazáno
, účelem je snížit objem editoru. Pak zkopírujte celou složku přímo do kořenového adresáře webu. Citace
ckeditro.net.dll
V hlavičce stránky, kde potřebujete použít ovládání editoru:
<scrip remove t src="/ckeditor/ckeditor.js" type="text/javascrip remove t" ></scrip去掉t>
<scrip odstranit t type="text/javascrip odstranit t" >
window.onload = funkce () {
CKEDITOR.replace("txtContent");
}
</scrip去掉t>. . .
Tělo
：
<CKEditor:CKEditorControl ID="CKEditor1" BasePath="~/ckeditor/" runat="server">
</CKEditor:CKEditorControl>
Kód pozadí je také jednoduchý:
článek. OBSAH ČLÁNKU = CKEditor1.Text; Tím se upravený obsah přiřadí do pole ARTICLECONTENT v modelové třídě článku.
A tím je můj editor úspěšně dokončen!
Ale opět se objevil velký problém, a to, že Ckeditor nemá možnost nahrávat obrázky, což je opravdu otrava. Jak to udělat? Jdi do Baidu.
Jakmile jsem se připojil k internetu, zjistil jsem, že existuje mnoho způsobů, jak to vyřešit, někteří říkají, že jde o vytvoření funkce nahrání obrázku mimo editor, pak předání jeho serverové linkové cesty aktuálnímu kurzoru editoru, když je předán serveru, pak to implementovat, udělat to a najednou zjistím, že když kliknete na externí nahraný obrázek, kurzor v editoru vůbec není, co mám dělat??? Zamyslete se, bohužel, s aktuálními znalostmi to nezvládnu, mohu to jen vzdát. (Pokud to někdo ví, zanechte mi vzkaz, děkuji); Někteří říkají, že si napíšete vlastní JS, abyste tuto funkci implementovali, a pak ji zapojíte do editoru, abyste ji dokončili, a existuje mnoho takových článků:
1、 http://www.cnblogs.com/lts8989/archive/2011/08/04/2127326.html
2、 http://www.cnblogs.com/striiiiing/archive/2012/08/15/2640792.html
Myslím, že tyto dva články jsou docela dobré, ale moje vlastní znalosti JS jsou slabé, takže jsem se ho pokusil napsat, ale stále se mi to nepodařilo úspěšně implementovat.
Zdá se, že Ckeditor můžu používat jen k integraci s Ckfinderem, a opravdu jsem nechtěl používat Ckfinder, protože je nabíjený, což není dobré!! Ale co je, je dobré nebýt na oficiálních stránkách, šel jsem přímo na zdroje na internetu, nakonec jsem našel takový, který poskytoval velmi podrobné zdroje (tady bych chtěl poděkovat některým bratrům!!) Web: http://download.csdn.net/download/q8347901/3887066 (Podrobné úvodní články o Ckeditoru a Ckfinderu najdete zde, velmi dobré!) ）
Stáhněte si Ckfinder, pak zkopírujte soubor ckfinder.dll z adresáře /bin do adresáře site bin, zkopírujte adresář ckfinder do kořenového adresáře webu (můžete zvolit jinou cestu) a odkazujte na ckfinder.dll
Nastavte toto:
Pokud jste na .aspx stránce, kterou chcete použít na ckeditor, vypadá to takto:
CKEDITOR.replace('Textové pole, které chcete povolit úpravy',
{
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'
}
);
Samozřejmě použijte globální metodu konfigurace
Konfigurujte config.js pluginu Ckeditor
config.filebrowserBrowseUrl="/ckfinder/ckfinder.html";
config.filebrowserImageBrowseUrl="/ckfinder/ckfinder.html? Type=Images";
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 konfiguraci upravte config.ascx v ckfinderu
CheckAuthentication()in Return true, jinak nebude nahran a vyžaduje ověření
Cesta k BaseUrl v SetConfig() je cesta k nahrání
Také po soustředění nezapomeň odkazovat na soubor bll v ckfinderu
Integrace a nahrávání obrázků je úspěšně dokončeno.
Alternativně, pokud chcete skrýt záložky Hypertextové odkazy a Pokročilé v panelu Obrázky, můžete to udělat v pluginech/obrázkech/dialozích CKEditoru image.js
Vyhledejte "Link" a "advanced" v "id:'Link'" a "id:'advanced'" a přidejte "hidden:true", prostě to udělejte.
Pokud chcete zlepšit vzhled a optimalizovat svůj web, podívejte se na některé z následujících článků.
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 |
Předchozí:asp.net Textový editor (FCKeditor)Další:SQL Server určuje, zda existují databáze, tabulky, sloupce a pohledy
|
