|
|
Veröffentlicht am 17.04.2015 16:20:20
|
|
|
Nach zwei Tagen integrierten Ckeditor und Ckfinder schließlich die Bild-Upload-Funktion.
Hier werde ich über meine Erfahrungen schreiben.
Um das Bearbeitungsmodul für Nachrichten umzusetzen, stellte mich mein Bruder Ckeditor vor.
Lade zuerst die .net-Version von Ckeditor auf http://ckeditor.com/ herunter, ich benutze hier ckeditor_aspnet_3.6.4.
Nach dem Herunterladen entpacke ich es. Aber nicht alles hier ist nützlich, also kannst du es einfach einordnen
wobei Sample ein Beispiel ist und Source die Quelldatei
, direkt gelöscht
, der Zweck ist es, die Lautstärke des Editors zu verringern. Dann kopiere den gesamten Ordner direkt in das Root-Verzeichnis der Website. Quellenangabe
ckeditro.net.dll
Im Header der Seite, auf der du die Editor-Steuerung verwenden musst:
<scrip remove t src="/ckeditor/ckeditor.js" type="text/javascrip remove t" ></scrip去掉t>
<scrip remove t type="text/javascrip remove t" >
window.onload = function () {
CKEDITOR.replace("txtContent");
}
. .</scrip去掉t>
Karosserie
：
<CKEditor:CKEditorControl ID="CKEditor1" BasePath="~/ckeditor/" runat="server">
</CKEditor:CKEditorControl>
Der Hintergrundcode ist ebenfalls einfach:
Artikel. ARTIKELINHALT = CKEditor1.Text; Dies weist den bearbeiteten Inhalt dem Feld ARTICLECONTENT der Modellklasse des Artikels zu.
Und damit ist mein Editor erfolgreich abgeschlossen!
Aber ein großes Problem ist wieder aufgetreten, nämlich dass Ckeditor keine Möglichkeit hat, Bilder hochzuladen, was wirklich ein Kopfschmerz ist. Wie macht man das? Geh nach Baidu.
Sobald ich online war, stellte ich fest, dass es viele Möglichkeiten gibt, das zu lösen – manche sagen, es sei so, dass man eine Funktion erstellt, ein Bild außerhalb des Editors hochlädt und dann seinen Server-Linkpfad an den aktuellen Cursor des Editors übergibt, wenn er an den Server weitergegeben wird, es implementiert, es ausführt und plötzlich feststellt, dass der Cursor beim Klicken auf das externe Upload-Bild überhaupt nicht im Editor ist – was soll ich tun??? Denk mal darüber nach, aber mit dem aktuellen Wissen kann ich es nicht, ich kann nur aufgeben. (Falls irgendein Gott es weiß, hinterlasst mir eine Nachricht, um es mir zu sagen, danke); Manche sagen, man schreibe sein eigenes JS, um diese Funktion zu implementieren, und steckt es dann in den Editor, um sie abzuschließen, und es gibt viele solcher Artikel:
1、 http://www.cnblogs.com/lts8989/archive/2011/08/04/2127326.html
2、 http://www.cnblogs.com/striiiiing/archive/2012/08/15/2640792.html
Ich finde diese beiden Artikel ziemlich gut, aber mein eigenes JS-Wissen ist schwach, also habe ich versucht, sie zu schreiben, aber ich konnte sie trotzdem nicht erfolgreich umsetzen.
Nun, es scheint, dass ich Ckeditor nur zur Integration mit Ckfinder verwenden kann, und ich wollte Ckfinder wirklich nicht verwenden, weil es geladen ist, was nicht gut ist!! Aber was ist los, es ist gut, nicht unter der offiziellen Website zu sein, ich bin direkt zu den Ressourcen im Internet gegangen, und schließlich habe ich eine gefunden, die sehr detaillierte Ressourcen bietet (hier möchte ich einigen Brüdern danken!!) Website: http://download.csdn.net/download/q8347901/3887066 (Hier gibt es auch ausführliche Einführungsartikel zu Ckeditor und Ckfinder, sehr gut!) ）
Lade Ckfinder herunter, kopiere dann die ckfinder.dll-Datei aus dem /bin-Verzeichnis in das Site-Bin-Verzeichnis, kopiere das Ckfinder-Verzeichnis in das Root-Verzeichnis der Seite (du kannst einen anderen Pfad wählen) und verweise auf das ckfinder.dll
Konfigurieren Sie das:
Wenn du auf der .aspx Seite bist, die du ckeditor verwenden möchtest, sieht es wie folgt aus:
CKEDITOR.replace('Textbox, das Sie bearbeiten möchten',
{
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'
}
);
Natürlich solltest du die globale Konfigurationsmethode verwenden
Konfigurieren Sie in config.js des Ckeditor-Plugins
config.filebrowserBrowseUrl="/ckfinder/ckfinder.html";
config.filebrowserImageBrowseUrl="/ckfinder/ckfinder.html? Typ=Bilder";
config.filebrowserFlashBrowseUrl="/ckfinder/ckfinder.html? Typ=Blitz";
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";
Nach der Konfiguration modifizieren Sie die config.ascx in ckfinder
CheckAuthentication()in Return true, ansonsten wird es nicht hochgeladen und erfordert eine Verifizierung
Der Pfad zur BaseUrl in SetConfig() ist der Pfad zum Hochladen
Und vergesst nach Aufmerksamkeit nicht, die bll-Datei in ckfinder zu referenzieren
Nun, deine Integration und das Hochladen der Bilder sind erfolgreich abgeschlossen.
Alternativ kannst du, wenn du die Hyperlinks- und Erweiterten-Tabs im Bilder-Panel ausblenden möchtest, das in den Plugins/Bildern/Dialogen von CKEditor tun image.js
Suche nach "Link" und "advanced" in "id:'Link" und "id:'advanced" und füge "hidden:true" hinzu – mach es einfach.
Wenn Sie das Erscheinungsbild verbessern und Ihre Website optimieren möchten, lesen Sie einige der folgenden Artikel.
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 |
Vorhergehend:asp.net Texteditor (FCKeditor)Nächster:SQL Server bestimmt, ob es Datenbanken, Tabellen, Spalten und Ansichten gibt
|
