Cómo utilizar FCKeditor
Instrucciones de uso de FCKEDITOR 2008-01-29 12:11 1. Referencia de clase FCKEDITOR:
Constructor:
FCKeditor( nombre_instancia[, ancho, alto, toolbarSet, value] )
instanceName: el nombre único del editor (equivalente a ID)
WIDTH: ancho
HEIGHT: alto
toolbarSet: el nombre del conjunto de barras de herramientas
valor: contenido de inicialización del editor
Propiedades:
instanceName: nombre de la instancia del editor
ancho: ancho, el valor predeterminado es 100%
alto: alto, el valor predeterminado es 200
ToolbarSet: nombre del conjunto de herramientas, consulte FCKCONFIG.JS, el valor predeterminado es Predeterminado
valor: código HTML para inicializar el editor, el valor predeterminado está vacío
BasePath: la ruta base del editor, el valor predeterminado es la carpeta /Fckeditor/. Nota, intente no hacerlo. para usar rutas relativas, es mejor utilizar un método de representación relativo a la ruta raíz del sitio, que termine en /
CheckBrowser: si se debe verificar la compatibilidad del navegador antes de mostrar el editor, el valor predeterminado es verdadero
.DisplayErrors: si se muestran mensajes de error, el valor predeterminado es verdadero;
Colección:
Config[Key]=value;
Esta colección se utiliza para cambiar el valor de un elemento en la configuración, como
oFckeditor.Config["DefaultLanguage"]="pt-br";
Método:
Create() crea y genera el editor
RepaceTextArea(TextAreaName) Utilice el editor para reemplazar el cuadro de texto correspondiente
2. Configure FCKEDITOR
El archivo de configuración principal. se llama Fckconfig.js
FCKEDITOR Proporciona un conjunto de configuraciones para personalizar su apariencia, características y comportamiento. Puede editar el archivo de configuración principal o definir usted mismo un archivo de configuración separado. El archivo de configuración utiliza la sintaxis JAVASCRIPT.
Después de la modificación, al crear un editor, puede utilizar la siguiente sintaxis:
var oFCKeditor = new FCKeditor( 'FCKeditor1' );
oFCKeditor. Config['CustomConfigurationsPath'] = '/myconfig.js' ;
oFCKeditor.Create() ;
Recordatorio: después de modificar la configuración, borre la memoria caché del navegador para ver la efecto
Opciones de configuración:
AutoDetectLanguage=true/false Detectar idioma automáticamente
BaseHref="" Dirección base del enlace relativo
ContentLangDirection ="ltr/rtl" Dirección de texto predeterminada
ContextMenu=Matriz de cadenas, el contenido del menú contextual
CustomConfigurationsPath="" Ruta y nombre del archivo de configuración personalizado
Debug=true/false Si se debe habilitar la depuración, de modo que cuando se llame a FCKDebug.Output(), el contenido se muestre en la ventana de depuración
DefaultLanguage="" Idioma predeterminado
EditorAreaCss="" Archivo de hoja de estilo en el área de edición
EnableSourceXHTML=true/false es T
Cuando RUE, al cambiar de la interfaz visual a la página de códigos, procesa HTML en XHTML
EnableXHTML=true/false Si se permite que XHTML reemplace HTML
FillEmptyBlocks=true/false Usar esta función, puede reemplazar elementos vacíos a nivel de bloque con espacios
FontColors="" Establecer la lista de colores del texto al mostrar el selector de color
FontFormats="" Establecer la lista de formatos de texto que se mostrará Nombrar en
FontNames="" Nombre de fuente en la lista de fuentes
FontSizes="" Lista de tamaños de fuente en el tamaño de fuente
ForcePasteAsPlainText=true/false Forzar pegar como texto sin formato
ForceSimpleAmpersand=true/false Si no se debe convertir el símbolo & en entidades XML
FormatIndentator="" Caracteres utilizados al sangrar el código en formato de código fuente
FormatOutput=true/false Si se debe formatear automáticamente el código al generar contenido
FormatSource=true/false Si se debe formatear automáticamente el código al cambiar a la vista de código
FullPage = true/false Si se permite la edición de todo el archivo HTML o solo el contenido entre BODY
GeckoUseSPAN=true/false Si se permite que las etiquetas SPAN reemplacen las etiquetas B, I y U
IeSpellDownloadUrl= ""La URL para descargar el corrector ortográfico
ImageBrowser=true/false Si se permite la navegación en la función del servidor
ImageBrowserURL="" La URL que se ejecuta cuando navegando por el servidor
ImageBrowserWindowHeight ="" Alto de la ventana del navegador de imágenes
ImageBrowserWindowWidth="" Ancho de la ventana del navegador de imágenes
LinkBrowser=true/false Si se permite navegar por el servidor servidor al insertar enlaces
LinkBrowserURL="" URL del servidor de navegación al insertar un enlace
LinkBrowserWindowHeight=""Alto de la ventana del navegador de destino del enlace
LinkBrowserWindowWidth=" "Ancho de la ventana del navegador de destino del enlace
Plugins=complemento de registro de objetos
PluginsPath="" carpeta del complemento
ShowBorders=true/false fusionar bordes
SkinPath="" Posición de la carpeta de aspectos
SmileyColumns=12 Número de columnas en la ventana del icono
SmileyImages=Matriz de caracteres de nombres de archivos de imagen en la ventana del icono
SmileyPath="" Archivo de icono Ruta del clip
Alto de la ventana del icono SmileyWindowHeight
Ancho de la ventana del icono SmileyWindowWidth
SpellChecker="ieSpell/Spellerpages " Establecer corrector ortográfico
StartupFocus=true/false FOCUS en el editor cuando esté activado
StylesXmlPath="" Establecer la ubicación del archivo XML que define la lista de estilos CSS
TabSpaces=4 El número de caracteres de espacio generados por la tecla TAB
ToolBarCanCollapse=true/false Si se permite la expansión o el colapso de las barras de herramientas
ToolbarSets
=objeto permite el uso de la colección TOOLBAR
ToolbarStartExpanded=true/false activa si la TOOLBAR está expandida
UseBROnCarriageReturn=true/false si se genera una marca BR, P o DIV cuando se produce un retorno de carro
UseBROnCarriageReturn=true/false p>
3. Lista de estilos personalizados
FckStyls.xml es el archivo de lista de estilos personalizados predeterminado.
La barra de herramientas de estilo de FCKEDITOR proporciona estilos predefinidos. Los estilos se definen a través de archivos XML. El archivo de estilo XML predeterminado existe en el archivo FckStyls.xml en la carpeta raíz de FCkEditor.
Cada etiqueta STYLE define un estilo, NAME es el nombre del estilo que se muestra en la lista desplegable y el atributo ELEMENT especifica los objetos a los que se aplica este estilo. aplica, porque los estilos en FCKEDITOR son sensibles al contexto, es decir, si seleccionas diferentes objetos, solo se mostrarán los estilos definidos para dichos objetos 4. >FCKEDITOR viene con dos herramientas de revisión ortográfica, una es ieSpell, que se usa de forma predeterminada. Para utilizar este método de revisión ortográfica, los clientes deben descargar e instalar el pequeño software iespell. Además, también se proporciona SpellPager. corrector, sin embargo, dado que SPELLPAGER es un script del lado del servidor escrito en PHP, su servidor WEB debe admitir el lenguaje de script PHP. Para conocer el método para cambiar el corrector ortográfico, consulte el archivo de configuración detallado correspondiente. descripción 5. Comprimir script Para mejorar la eficiencia de la carga del script, FCKEDITOR utiliza los siguientes métodos para comprimir el script tanto como sea posible para reducir su tamaño: 5. p> 1, elimine los comentarios en el script 2. Elimine todos los espacios en blanco sin sentido en el script Además, FCKEDITOR también proporciona una herramienta específica para comprimir scripts para que usted pueda Puede Para reducir el tamaño del archivo al publicar, puede copiar Fckeditor.Packager.exe en la carpeta _Packager a la carpeta raíz de FCKEDITOR para ejecutar y comprimir el script 6. Localizar FCKEDITOR . Si FCKEDITOR no proporciona el idioma que necesita (de hecho, lo proporciona), también puede crear un nuevo idioma usted mismo. Solo necesita copiar EN.JS y luego traducirlo según él. Además, el nombre del idioma. El nombre del archivo de script correspondiente debe seguir el estándar RFC 3066, pero debe estar en minúsculas. Por ejemplo: el nombre del archivo de script correspondiente al idioma de Portugal debe ser pt.js. puede agregarlo después de la abreviatura del idioma. Simplemente agregue un guión y una abreviatura del país. Al usarlo, el sistema detectará automáticamente el idioma y el país del cliente y utilizará el idioma de interfaz apropiado. Al crear un nuevo idioma Finalmente, debes crear una entrada para él en "Edit/lang/fcklanguagemanager.js" El propósito es el siguiente: FCKLanguageManager.AvailableLanguages = { en: 'Inglés', pt: ' Portugués } Cabe recordar que el archivo debe guardarse en formato UTF-8 6 Interactuar con scripts del lado del servidor ASP.NET. 1. Agregue FCKEDITOR a la caja de herramientas 2. Arrastre el control FCKEDITOR a la página 3. Especifique un nombre para él. >4.FCKEDITOR Todas las propiedades de la clase no solo se pueden usar en el código, sino que también se pueden usar directamente como propiedades del control FCKEDITOR. Por ejemplo, para cambiar el aspecto, puede especificar SkinPath = "/fckeditor/editor/. skins/office2003" en la página de la interfaz de usuario. De hecho, FCKEDITOR La versión ASP.NET puede funcionar mejor. Puede encontrar el archivo fuente de FCKEDITOR ASP.NET 2.1 y luego modificar el diseño del control para exponer propiedades más útiles y volver a compilar 5. Los datos después de POSTBACK se pueden obtener utilizando el atributo de valor del control FCKEDITOR 6 Dado que, de forma predeterminada, ASP.NET no permite el envío de contenido que contenga HTML y JAVASCRIPT. por lo tanto, debe utilizar la página FCKEDITOR. ValidateRequest está configurada en falso (<%@page validteRequest="false" %> es suficiente) 7. Coloque fckconfig.js en el directorio raíz de FCKeditor. var _FileBrowserLanguage = 'asp' ; // asp | cfm | perl | = 'asp' ; // asp | aspx | cfm | lasso | php Cambie estas dos líneas al idioma del editor que necesita llamar. p> 8. Resuelva el problema de la pregunta china: Agregue web.config: Después de configurar de esta manera, se puede mostrar el archivo en chino, pero la dirección URL también está en chino; Si el servidor no analiza bien la dirección china, es posible que la imagen no se pueda navegar; Entonces modifique: editor\filemanager\browser\default Para la función OpenFile en \frmresourceslist.html , cambie window.top.opener.SetUrl( fileUrl ) ; a: window.top.opener.SetUrl( escape(fileUrl) ) ; 9. > 1: Establecer en web.config: 2: Establecer en sesión: En edición o\filemanager\browser\default\connectors\aspx\connector.aspx agregue el siguiente código: anulación de anulación protegida OnInit(EventArgs e) { Session["FCKeditor:UserFilesPath"] = "/fck/UpLoad1/"; }