Introducción a FCKeditor
FCKeditor es un potente editor de texto que soporta funcionalidad WYSIWYG y puede ofrecer a los usuarios servicios de edición de documentos en línea como el software Microsoft Office. No requiere ningún tipo de instalación de cliente, es compatible con la mayoría de los navegadores convencionales y soporta entornos de programación como ASP.Net, ASP, ColdFusion, PHP, Java, Active-FoxPro, Lasso, Perl, ython, etc.
Página web oficial http://www.fckeditor.net/
Documentación oficial http://wiki.fckeditor.net/
Descarga la dirección http://www.fckeditor.net/download/default.html
De hecho, el proceso de configuración de las diferentes versiones de FCKeditor es básicamente similar, y aquí tomaremos la última 2.63 como ejemplo para introducirlo.
Instalación y configuración de FCKeditor
Para http://www.fckeditor.net, descarga los 2 paquetes zip de FCKeditor2.63.zip y FCKeditor.NET versión 2.63
(a) FCKeditor_2.6.3 es su último Javascrip sin archivos t ni imágenes;
(b) FCKeditor.Net_2.6.3.zip es un archivo DLL de control de ASP.NET.
Descomprime para obtener el archivo central de FCKeditor y cópialo al directorio raíz del proyecto web (sugieren, claro, puedes ponerlo en cualquier sitio). Luego descomprime la cerveza B y obtiene. .NET es código fuente compatible, entra que hay una DLL FCKeditor en la sección Release bajo la bandeja (también hay una carpeta de depuración aquí, se recomienda usar release), necesitamos añadir una referencia a ella en el proyecto.
1. Haz clic derecho en el explorador de proyectos y selecciona Añadir referencia... ), busca la pestaña Explorar, luego localiza la FredCK.FCKeditorV2.dll has descomprimido y confirma. En este momento, hay una carpeta bin adicional en el directorio del proyecto FCKPro, que contiene FredCK.FCKeditorV2.dll archivos.
2. Para facilitar el desarrollo de RAD, también añadimos el control FCKeditor a VS Toolbox, expandimos el grupo común de pestañas (General) de la caja de herramientas y hicimos clic derecho para seleccionar el componente (Elegir elementos... , encuentra directamente el botón de navegar en el cuadro de diálogo, localiza el FredCK.FCKeditorV2.dll y luego confirma.
3. Configurar WebConfig, añadirlo en <appSettings>el nodo, como se muestra a continuación:- <appSettings>
- <add key="FCKeditor:BasePath" value="/Web/fckeditor/"/>
- <add key="FCKeditor:UserFilesPath" value="/Web/Upload/" />
- </appSettings>
Nota: "/Web/" es el nombre del proyecto.
BasePath:fckeditor es el directorio donde se encuentra toda la carpeta FCKeditor.
UserFilesPath: La ruta para subir archivos, imágenes, etc.
Tras completar el primer elemento de la configuración detallada a continuación, podemos usar el control FCKeditor. Para depurar mejor esta herramienta y adaptarla a nuestras necesidades reales, es necesario modificar la configuración de sus propiedades.
Configuración detallada de FCKeditor
Ve a la carpeta FCKeditor y edita el archivo fckconfig. De hecho, la lista es relativamente clara, la escritura es más estandarizada y hay algunas anotaciones, pero mientras sepas un poco de inglés, puedes entenderlo y es muy cómodo de manejar. Aquí tienes algunos ajustes comúnmente usados como pequeño ejemplo.
1. Este paso es imprescindible, el más importante y esencial.
Originalmente:
var _FileBrowserLanguage = 'php' ; asp | aspx | CFM | lazo | perl | PHP | py
var _QuickUploadLanguage = 'php' ; asp | aspx | CFM | lazo | PHP
Cambiado a:
var _FileBrowserLanguage = 'aspx' ; asp | aspx | CFM | lazo | perl | PHP | py
var _QuickUploadLanguage = 'aspx' ; asp | aspx | CFM | lazo | PHP
2. Configurar el paquete de idiomas. Hay inglés, chino tradicional, etc., aquí usamos chino simplificado.
Originalmente:
FCKConfig.DefaultLanguage = 'en' ;
Cambiado a:
FCKConfig.DefaultLanguage = 'zh-cn' ;
3. Configurar la piel. Existen los valores por defecto, office2003, estilo plateado, etc., aquí podemos usar el predeterminado.
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ;
4. Puedes usar la tecla Tab en el dominio editor. (1 es sí, 0 es no)
FCKConfig.TabSpaces = 0 ; FCKConfig.TabSpaces = 1;
5. Añadir varios métodos de fuentes que usamos habitualmente, como:
revisar
FCKConfig.NombresFonts = 'Arial; Comic Sans MS; Courier New; Tahoma; Times New Roman; Verdana' ;
Cambiado a:
FCKConfig.FontNames = 'Estilo de canción; cuerpo negro; escritura clerical; cursivas _GB2312; Arial; Comic Sans MS; Courier New; Tahoma; Times New Roman; Verdana'
6. La fuente de visualización predeterminada en el dominio editor es 12px, y si quieres modificarla, puedes modificar la hoja de estilos para cumplir los requisitos, abrir /editor/css/fck_editorarea.css y modificar el atributo tamaño de fuente. Por ejemplo, tamaño de fuente: 14px;
7. Sobre la seguridad.
Si tu editor se usa en la interfaz del sitio web, entonces tienes que tener en cuenta la seguridad, no uses la barra de herramientas predeterminada en primer plano, o bien personaliza la función, o usa el sistema que ha definido el Basic, es decir, la barra de herramientas básica,
FCKConfig.ToolbarSets["Basic"] = [
['Negrita', 'Cursiva','-', 'ListaOrdenada', 'ListaUnorder', '-''Enlace', 'Desvincular', 'Imagen', '-'Sobre']
] ;
De hecho, puedes configurarlas según tus propias necesidades, y las funciones son lo suficientemente potentes como para ofrecer más opciones que sin duda se adaptarán a tus necesidades.
Por supuesto, también puedes configurar WebConfig para garantizar la seguridad, de lo que hablaremos a continuación.
Problemas con FCKEditor 2.6:
1. Solución al error "Por favor verifique el editor/gestor de archivos/conectores/aspx/config.aspx" en FCKeditor
Abre editor/gestor de archivos/connectors/aspx/config.ascx para modificar el método CheckAuthentication() y devolver true
- private bool CheckAuthentication()
- {
- return true;
- }
2. Haz clic en Navegar Servidor en la ventana de Subir archivo, el servidor no envió de vuelta aparecerá un XML adecuado..... Mensaje de error, porque las versiones posteriores de FCKEditor requieren que se envíen diferentes tipos de archivos a distintos directorios, incluyendo archivo, imagen, falsh, medios, etc., que deben establecerse primero.
FCKeditor está simplificado
Ve a la carpeta FCKeditor y elimina todos los archivos y carpetas que empiecen por "_", estos son algunos ejemplos, solo mantén la carpeta editor, fckconfig, fckeditor, fckstyles.xml, fcktemplates.xml;
Ve a la carpeta editor, elimina la carpeta "_source" y pon el archivo fuente en ella;
Vuelve al directorio anterior a la carpeta del gestor de archivos, hay dos carpetas: navegador y subida. Ve a los conectores "predeterminados" del navegador, mantén solo la carpeta aspx y elimina el resto. El directorio MCPUK también puede ser eliminado; La subida es la misma, solo se conserva la carpeta ASPH;
Vuelve al editor y luego entra en la carpeta de imágenes, el sonriente se pone en el icono de emoji, hay dos series, MSN y Fun, si quieres usar tu propio emoji, puedes borrarlos todos; Si quieres usar el icono de emoji aquí, entonces no lo borres;
lang se incluye en el paquete de idiomas; si solo usas chino simplificado, solo conservas los dos archivos de fcklanguagemanager y zh-cn, se recomienda conservar los dos archivos en (inglés) y zh (chino tradicional), fcklanguagemanager es el archivo de configuración de idioma, que puede emparejarse con los ajustes de fckconfig, correspondientes al archivo de idioma correspondiente, ¡deben conservarse!
Luego sal de la carpeta lang, entra en la carpeta skins, si quieres usar el amarillo cremoso predeterminado de FCKeditor, y luego borra las otras dos carpetas excepto la carpeta predeterminada directamente; si quieres usar otra cosa, depende de tu preferencia.
Paquete con asp.net editor:
ckeditor_aspnet_3.6.6.2.zip
(1.32 MB, Número de descargas: 0, Precio de venta: 2 Grain MB)
|
Publicado en 17/4/2015 13:35:50
|
|
|
