¿Cómo utilizar el editor eWebEditor?
lt; input name=" content" type="hidden" id="content" /gt;
Cada iframe es un editor de eWebeditor, src es el editor de eWebeditor El directorio relativo donde se encuentra.
Cada iframe es un editor de eWebeditor, rrc es el directorio relativo donde se encuentra el editor de eWebeditor, id=content y lo siguiente lt; /gt; debe corresponder.
La instalación es muy sencilla, primero debe cargar los archivos de eWebEditor en su sitio web, siga estos pasos:
Descargue la última versión desde el sitio web del producto eWebEditor.
Extraiga el archivo comprimido descargado a su computadora local (asegúrese de que la jerarquía de la estructura de archivos del directorio en eWebEditor sea la misma que la del archivo comprimido).
Cree una nueva carpeta en el sitio web, como /eWebEditor/ (preferiblemente en el directorio que desee, para que sea más conveniente llamar).
Sube todos los archivos y directorios de eWebEditor a la carpeta recién creada.
Ejecute el archivo de muestra (/ewebeditor/example/test.asp) para ver si se ejecuta normalmente.
Configuración:
eWebEditor viene con funciones de administración en segundo plano, que pueden administrar fácilmente estilos, cargar archivos, etc. Al descargar, el nombre de datos predeterminado es db/ewebeditor.mdb. Al cambiar el nombre, modifique las conexiones relevantes en el archivo include/startup.asp
El sistema viene con varios estilos estándar y no se realizan modificaciones. permitido Al agregar un nuevo estilo, es mejor obtener una vista previa primero y luego usar "Copiar estilo estándar".
El sistema viene con varios estilos estándar y no permite modificaciones. Es mejor obtener una vista previa primero y luego usar "Copiar" Estilo estándar "para agregar nuevos estilos, a fin de lograr el propósito de agregar nuevos estilos rápidamente y menos propensos a errores
Llamar:
La llamada de eWebEditor es muy sencilla.
Llamada estándar:
lt; iframe ID="eWebEditor1" src="/ewebeditor.asp?id=content1amp; style=standard " frameborder="0" scrolling="no" width="500" HEIGHT="0" scrolling="0" width="500" HEIGHT="350"gt;lt;/iframegt; Descripción del parámetro:
/ewebeditor.asp debe cambiarse a la ruta de su instalación real
Id. del parámetro: el nombre del elemento del formulario asociado, es decir, el nombre del elemento del formulario al que desea hacer referencia al enviar y guardar la página si hay varias llamadas, asegúrese de que la identificación sea diferente.
Si se llama varias veces, asegúrese de que la identificación sea diferente; consulte el siguiente ejemplo
Estilo de parámetro: el nombre del estilo que se utilizará, que puede ser un nombre de estilo estándar o un nombre de estilo personalizado si es estándar. se utiliza el estilo, se puede dejar en blanco
Ancho y alto: configurados según las necesidades reales, eWebEditor se ajustará automáticamente para adaptarse
En la administración en segundo plano, puede obtener la mejor ruta de llamada para cada estilo.
Todos los parámetros de entrada: (es decir, después del parámetro eWebEditor.asp?)
id: el nombre del elemento de formulario asociado que guarda el contenido editado, es decir, el elemento de formulario al que se hará referencia en la página de envío y guardado. Nombre
estilo: el nombre del estilo que se utilizará, que puede ser un nombre de estilo estándar o un nombre de estilo personalizado. Si se utiliza un estilo estándar, el nombre del estilo estándar. Si se utiliza un estilo estándar, se ajusta automáticamente a Adecuado para estilos estándar
Ancho, alto: configurado según las necesidades reales. Nombre del estilo, que puede ser un nombre de estilo estándar o personalizado. Si se utiliza un estilo estándar, se puede dejar en blanco
nombre de archivo original: el nombre del elemento de formulario asociado que guarda la lista de nombres de archivos originales cargados. debe ser un tipo de entrada y se puede utilizar junto con el evento onchange [Ejemplo]
savefilename: guarda el nombre del elemento de formulario asociado de la lista de nombres de archivos cargados.
El nombre del elemento del formulario debe ser de tipo de entrada y puede traerse con el evento onchange [Ejemplo]
savepathfilename: guarde el nombre del formulario relacionado de la lista de nombres de archivos cargados (con ruta), debe ser de el tipo de entrada y se puede traer con el evento onchange [Ejemplo]
Ejemplo: Agregar un nuevo formulario
Puedes:
lt;textarea name=" content1" filas=10 cols=50gt;lt;/textareagt ;
Ahora:
lt; input type="hidden" name="" content1" value=""gt;
lt; iframe ID="eWebEditor1" src="/ewebeditor.asp?id=content1amp; style=standard" frameborder="0" scrolling="no" width="500" HEIGHT="350 "gt;lt;/iframegt; orlt;textarea name ="content1" style="display:none"gt;lt;/textareagt;
lt; iframe ID="eWebEditor1" src="/ewebeditor .asp?id=content1amp; style=standard" frameborder ="0" scrolling="no" width="500" HEIGHT="350"gt;lt;/iframegt;
Ejemplo: modificar un formulario
Su formulario original podría ser:
lt; textarea name="content1" rows=10 cols=50gt;lt;=Server.HTMLEncode(oRs("D_ Content")) gt;"gt;
lt;iframe ID="eWebEditor1" src="/ewebeditor.asp?id=content1amp;style=standard" frameborder="0" scrolling="no" width="500 " HEIGHT="350"gt;lt;/iframegt ; o lt; textarea name="content1" style="display: none"gt;lt;=Server.HTMLEncode(oRs("D_ Content"))gt;lt; /textareagt;
lt; iframe ID="eWebEditor1" src="/ewebeditor.asp?id=content1amp; style=standard" frameborder="" 0" scrolling="no" width="500" HEIGHT="350"gt;lt;/iframegt;
Nota:
eWebEditor permite utilizar varios formularios en el mismo formulario, pero asegúrese de que el ID sea único en todo el formulario. página. Por ejemplo, si usó input name=content1, la segunda llamada debe ser input name=content2 o similar.
Si utiliza un área de texto como elemento de formulario original, agregue style="display:none".
Asegúrese de utilizar value="" en lugar de value='' en las modificaciones de entrada.
Al agregar valores dinámicamente, asegúrese de utilizar Server.HTMLEncode(); de lo contrario, el contenido podría truncarse.
Llamadas avanzadas:
eWebEditor también proporciona algunas llamadas avanzadas, como se muestra a continuación, pero asegúrese de que la situación sea consistente:
getHTML(): devuelve el Contenido del editor
setHTML(html): establece el contenido del editor
insertHTML(html): inserta contenido en la selección actual
appendHTML(html): Al final del documento Agregar contenido
setMode( NewMode): cambia el estado de edición actual
Parámetro NewMode:
"CODE": estado del código
p>
"EDIT": Estado de edición
"TEXT": Estado del texto
"VIEW": Estado de vista previa
Los ejemplos de uso son los siguientes: [Demostración en línea]
lt; Lenguaje de scripting = JavaScriptgt;
//Obtener el contenido del editor
var sHTML = eWebEditor1.getHTML();
//Establecer el contenido del editor
eWebEditor1.setHTML('lt;bgt;Hello My World!lt;/bgt;');
/// Insertar durante el proceso de selección actual
eWebEditor1.insertHTML('¡Esto es Ins Inserted My World!insertHTML('¡Esto es la función Insertar!');
//Agregar contenido al final
eWebEditor1.appendHTML(' ¡Esta es la función Agregar!');
// Cambia el estado del editor al estado de edición de código
eWebEditor1.setMode('CODE') ;
lt ;/Scriptgt;
Descripción del valor:
Dado que eWebEditor tiene la función de procesar automáticamente formularios grandes, existen algunas diferencias en el valor, como sigue:
Inicialmente
lt;
sContenido = Request.Form("content1")