|
|
Publié sur 17/04/2015 16:20:20
|
|
|
Après deux jours, Ckeditor et Ckfinder ont enfin intégré la fonction de téléversement d’image.
Ici, je vais écrire sur mon expérience.
Pour mettre en place le module d’édition des actualités, mon frère m’a fait découvrir Ckeditor.
Tout d’abord, téléchargez la version .net de Ckeditor sur http://ckeditor.com/, j’utilise ckeditor_aspnet_3.6.4 ici.
Après le téléchargement, ouvrez-le. Mais tout ici n’est pas utile, donc, vous pouvez le mettre
où sample est un exemple, et source est le fichier source
, supprimé directement
, le but est de réduire le volume de l’éditeur. Ensuite, copiez tout le dossier directement dans le répertoire racine du site. citation
ckeditro.net.dll
Dans l’en-tête de la page où vous devez utiliser le contrôle de l’éditeur :
<scrip remove t src="/ckeditor/ckeditor.js » type="text/javascrip remove t » ></scrip去掉t>
<scrip remove t type="text/javascrip remove t » >
window.onload = fonction () {
CKEDITOR.replace(« txtContent ») ;
}
. .</scrip去掉t>
Carrosserie
：
<CKEditor :CKEditorControl ID="CKEditor1 » BasePath="~/ckeditor/ » runat="server">
</CKEditor :CKEditorControl>
Le code de fond est aussi simple :
article. ARTICLECONTENT = CKEditor1.Text ; Cela assigne le contenu édité au champ ARTICLECONTENT de la classe modèle de l’article.
Et avec cela, mon éditeur est terminé avec succès !
Mais un gros problème est réapparu : Ckeditor ne peut pas télécharger des images, ce qui est vraiment un casse-tête. Comment faire ? Va à Baidu.
Dès que je suis allé en ligne, j’ai découvert qu’il existe de nombreuses façons de résoudre le problème, certains disent qu’il s’agit de créer une fonction de téléversement d’une image en dehors de l’éditeur, puis de passer le chemin du lien serveur au curseur actuel de l’éditeur quand il est transmis au serveur, puis de l’implémenter, de le faire, et soudain de constater que lorsque vous cliquez sur l’image de téléversement externe, le curseur n’est pas du tout dans l’éditeur, que dois-je faire ??? Réfléchissez-y, hélas, avec les connaissances actuelles, je ne peux pas, je ne peux que renoncer. (Si un dieu sait, laissez un message pour me le dire, merci) ; Certains disent que vous écrivez votre propre JS pour implémenter cette fonction, puis que vous la branchez dans l’éditeur pour la compléter, et il existe de nombreux articles de ce type :
1、 http://www.cnblogs.com/lts8989/archive/2011/08/04/2127326.html
2、 http://www.cnblogs.com/striiiiing/archive/2012/08/15/2640792.html
Je pense que ces deux articles sont plutôt bons, mais mes propres connaissances en JS sont faibles, alors j’ai essayé de l’écrire, mais je n’ai toujours pas réussi à le mettre en œuvre.
Eh bien, il semble que je ne puisse utiliser Ckeditor que pour l’intégrer à Ckfinder, et je ne voulais vraiment pas utiliser Ckfinder car il est chargé, ce qui n’est pas bon !! Mais quel est le problème, c’est bien de ne pas être sous le site officiel, je suis allé directement sur les ressources sur Internet, eh bien, enfin j’en ai trouvé une qui proposait des ressources très détaillées (ici je voudrais remercier quelques frères !!) Site web : http://download.csdn.net/download/q8347901/3887066 (Il y a aussi des articles d’introduction détaillés sur Ckeditor et Ckfinder ici, très bon !) ）
Téléchargez Ckfinder, puis copiez le fichier ckfinder.dll du répertoire /bin vers le répertoire bin du site, copiez le répertoire ckfinder dans le répertoire racine du site (vous pouvez choisir un autre chemin), et référez le ckfinder.dll
Configurez ceci :
Si vous êtes sur la page .aspx que vous souhaitez faire en l’édition de la scène, voici :
CKEDITOR.replace (« Boîte de texte que vous souhaitez activer pour l’édition »,
{
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'
}
);
Bien sûr, utilisez la méthode de configuration globale
Configurez dans config.js du plugin 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=Fichiers ;
config.filebrowserImageUploadUrl="/ckfinder/core/connector/aspx/connector.aspx ?command=QuickUpload&type=Images ;
config.filebrowserFlashUploadUrl="/ckfinder/core/connector/aspx/connector.aspx ?command=QuickUpload&type=Flash ;
Après la configuration, modifiez le config.ascx dans ckfinder
CheckAuthentication()in Return true, sinon il ne sera pas téléchargé et nécessite une vérification
Le chemin vers BaseUrl dans SetConfig() est le chemin vers le téléversement
Après avoir fait attention, n’oubliez pas de référencer le fichier BLL dans Ckfinder
Eh bien, votre intégration et votre téléchargement des images sont réalisés avec succès.
Sinon, si vous souhaitez masquer les onglets Hyperliens et Avancés dans le panneau Images, vous pouvez le faire via les plugins/images/dialogues/dialogues de CKEditor image.js
Cherchez « Link » et « advanced » dans « id :'Link' », et « id :'advanced' », puis ajoutez « hidden :true », faites-le.
Si vous souhaitez améliorer votre apparence et optimiser votre site web, consultez certains des articles suivants.
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 |
Précédent:asp.net Éditeur de texte (FCKeditor)Prochain:SQL Server détermine s’il existe des bases de données, des tables, des colonnes et des vues
|
