|
|
Publicado en 17/4/2015 16:20:20
|
|
|
Tras dos días, Ckeditor y Ckfinder finalmente integraron la función de subida de imágenes.
Aquí escribiré sobre mi experiencia.
Para implementar el módulo de edición de noticias, mi hermano me presentó Ckeditor.
Primero, descarga la versión .net de Ckeditor en http://ckeditor.com/, estoy usando ckeditor_aspnet_3.6.4 aquí.
Después de descargarla, descomprime la compra y ábrela. Pero no todo aquí es útil, así que puedes ponerlo
donde sample es un ejemplo y source es el archivo fuente
, eliminado directamente
, el propósito es reducir el volumen del editor. Luego copia toda la carpeta directamente al directorio raíz de la web. cita
ckeditro.net.dll
En la cabecera de la página donde necesitas usar el control del editor:
<scrip remove t src="/ckeditor/ckeditor.js" type="text/javascrip remove t" ></scrip去掉t>
<scrip remove t type="text/javascrip remove t" >
window.onload = función () {
CKEDITOR.replace("txtContent");
}
. .</scrip去掉t>
Cuerpo
：
<CKEditor:CKEditorControl ID="CKEditor1" BasePath="~/ckeditor/" runat="server">
</CKEditor:CKEditorControl>
El código de fondo también es sencillo:
artículo. CONTENIDO ARTÍCULO = CKEditor1.Text; Esto asigna el contenido editado al campo ARTICLECONTENT de la clase modelo del artículo.
Y con eso, ¡mi editor está completado con éxito!
Pero ha vuelto a surgir un gran problema: Ckeditor no tiene la capacidad de subir imágenes, lo cual es realmente un dolor de cabeza. ¿Cómo se hace esto? Ve a Baidu.
En cuanto entré en internet, descubrí que hay muchas formas de solucionarlo; algunos dicen que es crear una función de subir una imagen fuera del editor, y luego pasar la ruta de enlace del servidor al cursor actual del editor cuando se pasa al servidor, implementarlo, hacerlo, y de repente descubro que cuando haces clic en la imagen externa de subida, el cursor no está en el editor en absoluto, ¿qué debería hacer??? Piénsalo, pero con el conocimiento actual, no puedo hacerlo, solo puedo rendirme. (Si algún dios lo sabe, déjame un mensaje para decírmelo, gracias); Algunos dicen que escribes tu propio JS para implementar esta función y luego la conectas al editor para completarla, y hay muchos artículos así:
1、 http://www.cnblogs.com/lts8989/archive/2011/08/04/2127326.html
2、 http://www.cnblogs.com/striiiiing/archive/2012/08/15/2640792.html
Creo que estos dos artículos son bastante buenos, pero mi propio conocimiento de JS es débil, así que intenté escribirlo, pero aún así no pude implementarlo con éxito.
Bueno, parece que solo puedo usar Ckeditor para integrar con Ckfinder, y realmente no quería usar Ckfinder porque está cargado, ¡lo cual no es bueno! Pero qué pasa? Es bueno no estar en la web oficial, fui directamente a los recursos de Internet, bueno, finalmente encontré uno que ofrecía recursos muy detallados (¡aquí me gustaría dar las gracias a algunos hermanos!). Página web: http://download.csdn.net/download/q8347901/3887066 (También hay artículos introductorios detallados sobre Ckeditor y Ckfinder aquí, ¡muy bueno!) ）
Descarga Ckfinder, luego copia el archivo ckfinder.dll del directorio /bin al directorio bin del sitio, copia el directorio ckfinder al directorio raíz del sitio (puedes elegir otro camino) y haz referencia al ckfinder.dll
Configura esto:
Si estás en la página .aspx que quieres hacer ckeditor, es la siguiente:
CKEDITOR.replace ('Cuadro de texto que quieres habilitar para editar',
{
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'
}
);
Por supuesto, utiliza el método de configuración global
Configurar en config.js del plugin Ckeditor
config.filebrowserBrowseUrl="/ckfinder/ckfinder.html";
config.filebrowserImageBrowseUrl="/ckfinder/ckfinder.html? Tipo=Imágenes";
config.filebrowserFlashBrowseUrl="/ckfinder/ckfinder.html? Tipo=Flash";
config.filebrowserUploadUrl="/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files";
config.filebrowserImageUploadUrl="/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Imágenes";
config.filebrowserFlashUploadUrl="/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash";
Después de la configuración, modifica el config.ascx en ckfinder
CheckAuthentication()in Return true, de lo contrario no se subirá y requiere verificación
La ruta hacia BaseUrl en SetConfig() es la ruta para subir
Además, después de prestar atención, no olvides consultar el archivo BLL en ckfinder
Bueno, tu integración y subida de imágenes se completan con éxito.
Alternativamente, si quieres ocultar las pestañas de Hipervínculos y Avanzado en el panel de Imágenes, puedes hacerlo en los plugins/imágenes/diálogos/image.js de CKEditor.
Busca "Enlace" y "avanzado" en "id:'Link'" y "id:'avanzado'", y añade "hidden:true", simplemente hazlo.
Si quieres mejorar tu apariencia y optimizar tu sitio web, consulta algunos de los siguientes artículos.
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 |
Anterior:asp.net Editor de texto (FCKeditor)Próximo:SQL Server determina si existen bases de datos, tablas, columnas y vistas
|
