Traducir esta página a su idioma:

JavascriptjQuery

Editor WYSIWYG para los formularios de contacto con el plugin de jQuery CLEditor

WYSIWYG Editor für Ihre Kontaktformulare mit dem jQuery Plugin CLEditor

Con la CLEditor plugin de jQuery que puede hacer que sus campos en los formularios web de forma sencilla para un editor WYSIWYG de HTML, y por lo tanto ofrece a los usuarios una mayor comodidad en la entrada.

Ideal para los formularios de contacto, foros, libros de visitas, etc.

El plugin se encuentra en su forma minimizada de 8KB "pequeño" y ofrece compatibilidad entre navegadores.
(Probado en IE 6.0 +, FF 1.5 +, Safari 4 +, Chrome y Opera 5 + 10 +).

Me gustó especialmente flexibles opciones de este plug-in de configuración y la estructura fija del editor.

cleditor01

Las funciones en detalle

CSS apoyo

Todas las áreas del editor puede ser personalizado a través de CSS.

Por ejemplo, usted puede integrar sus propios iconos o cambiar el color de fondo de la barra de herramientas.

Tamaño del editor

La anchura y la altura del editor puede ser definido más de un tamaño fijo o valores porcentuales, y por lo tanto se puede adaptar a sus propias ideas de diseño.

Parámetro

A través de simple plug-in parámetros, usted puede decidir que la función de los iconos en el editor debe ser utilizado. Máximo posible, son las siguientes funciones:

  • negrita - negrita
  • cursiva - cursiva
  • subrayan - subrayan
  • tachado, tachado
  • subíndice - texto en subíndice
  • superíndice - texto en superíndice
  • tamaño de la fuente - tamaño de la fuente
  • estilo - Formato de párrafo / títulos
  • color - el color del texto
  • destacado - el color de fondo
  • removeformat - quitar el formato de
  • - Las balas de la lista sin clasificar
  • numeración - lista numerada
  • sangría - reducir el relleno ("desconexión")
  • guión - guión de texto
  • Alinear a la izquierda - alineado a la izquierda
  • centro centrado
  • alignright - alineado a la derecha
  • justificar - Justifica
  • Undo - Deshace
  • rehacer - Rehacer
  • regla - una línea horizontal
  • la imagen - Insertar Imagen (URL)
  • link - añadir enlace
  • unlink - eliminar los enlaces
  • Corte - Corte
  • copia - copia
  • Paste - Pega
  • de impresión - durcken
  • html - cambiar al modo HTML

Manejo flexible de las listas de selección

Las funciones de los colores (fondo y el texto de Faber, las fuentes (tipo de letra), tamaños (Schrfitgrößen) y estilos (estilos de párrafo, encabezados, etc) están controlados por las listas de selección.

CLEditor ofrece la posibilidad de que los contenidos de estas listas de manejar y flexible para configurar las definiciones de parámetros adicionales.

¿Te gustaría por ejemplo, que el texto se pueden destacar dentro del editor en sólo 3 colores, simplemente cambiando la lista de parámetros a los "colores".

Los métodos para acciones de JavaScript

¿Tiene intención de ejemplo CLEditor para desarrollar sus propias aplicaciones de JavaScript, se puede elegir entre los métodos adicionales siguientes:

. Focus ()
Con el método. Focus () para establecer el foco en el editor. Esto permite que el usuario pueda escribir directamente en el editor sin tener que hacer clic con anterioridad.

. Modo HTML ()
¿Te gustaría para determinar si el editor está en modo HTML o WYSIWYG, utilice el método. Modo HTML (). Devuelve true o false.

. Cambio de tamaño ()
Usando este método, se puede forzar el editor para ajustar su tamaño. Esto puede ser necesario si el recipiente que contiene cambiado su tamaño o reducir la ventana de búsqueda o ampliada.

. Seleccionar ()
Sobre el método. Seleccione () le permite poner de relieve todos los contenidos del editor para elegir.

. SelectedText ()
¿Te gustaría para determinar exactamente lo que se selecciona texto en el editor, utilice el método. SelectedText ().

. Marco de actualización ()
Para ver el contenido del marco de editor con el contenido de la caja de texto para actualizar el campo utilizando el método de actualización (marco)

. Actualización de área de texto ()
¿Le gustaría actualizar en el caso contrario la caja de texto con el contenido del marco de editor, utilice el método de actualización de área de texto ()

1 Stern2 Sterne3 Sterne4 Sterne5 Sterne6 Sterne
Aún no hay comentarios
Ingrese su puntuación de partida - Estoy esperando sus comentarios!
Loading ... Cargando ...
Deja un comentario
Marcadores Comparte este tema, pero con los demás!
  • TwitThis
  • MisterWong.DE
  • Google
  • Digg
  • del.icio.us
  • LinkArena
  • Technorati
  • Facebook
  • Design Float
  • MySpace
  • description
  • Netvouz
  • Reddit
  • StumbleUpon
  • Webnews.de

Su persona de contacto

Sobre el autor

Sabine Kunkel Ducking Mi nombre es Sabine Ducking Kunkel y yo hemos estado trabajando desde el año 2001 como un proveedor de Internet ArcheNet servicio independiente bajo el nombre del proyecto.

Mi actividad principal es la creación de sitios web, formación y desarrollo de aplicaciones de bases de datos personalizadas.

Además de hpvorlagen24.de opero más sitios web y blogs sobre el tema de la creación de sitios web, diseño web, CSS y Ajax.

Para obtener más información acerca de mi visita www.sabine-Kunkel-duecking.de o escribirme con preguntas y comentarios sólo tiene que enviar un e-mail sabine@hpvorlagen24.de

Únete a la conversación y hacer preguntas

Escribir un comentario

Deja un comentario