WYSIWYG son voluminosos trozos de código que permiten a los usuarios dar formato texto dentro de sus navegadores al igual que lo harían con el software de escritorio como Word u OpenOffice.
La mayoría de ellos trabajan mediante la transformación de un área de texto simple en una sección de formato de texto soplado totalmente, con una gran cantidad de barras de herramientas y botones para estilizar el texto contenido.
Otra forma de añadir una evaluación en tiempo real a una página es permitir a los usuarios seleccionar el texto y luego muestran una ventana emergente con controles de formato al lado de él.
Las dos formas son grandes, pero algunos editores WYSIWYG proporcionan estas dos opciones de edición, centrándose en sólo una de estas experiencias edición.
Froala Editor proporciona un editor WYSIWYG sólida, trabajando por tanto de las experiencias de edición antes mencionados, sino que también ofrece un código base bastante sólida, codificados según los últimos estándares y mejores prácticas de la industria.
El Editor Froala es una de las pocas evaluaciones en tiempo real de todo con soporte móvil y la retina, por lo que es también ideal para el uso en dispositivos móviles también.
Uso de la fuente icono FontAwesome para los botones del editor, Froala también reduce las peticiones HTTP al cargar el editor, mejorando el tiempo de carga de la página y proporcionando una interfaz de usuario editor mucho más fácil de peinar.
Todo dentro de las barras de herramientas de edición Froala es intercambiable, los desarrolladores de ser capaz de convertir los botones y la funcionalidad de encendido o apagado, o moverlos a las posiciones personalizados si lo consideran conveniente.
Con todo, el Editor de Froala es una solución WYSIWYG muy bien hecho, con una gran cantidad de opciones de personalización, documentación y demos incluidos.
Froala Editor está disponible bajo un modelo de licencia dual. La versión gratuita es proyectos personales y no comerciales disponibles bajo una licencia internacional Creative Commons Reconocimiento-No comercial-NoDerivatives 4.0, mientras que para los usos comerciales, varias licencias de pago están disponibles, dependiendo de los requisitos de uso deseados. Asegúrese de leer el acuerdo de licencia y no se confundan
¿Qué hay de nuevo en esta versión:.
Nuevo en Froala Editor 1.2.7 (mayo 14ª de 2015) como
¿Qué es la nueva en la versión 2.1.0:
- Añadir pluginsEnabled opción.
- Añadir plugin de propiedad a los comandos.
- Añadir emoticonsUseImage opción.
- Permitir notas:. // Para los enlaces
- Añadir plugin de inserción rápida.
- Imagen de vista previa durante la carga.
- Añadir inserción de la mesa de ayuda.
- Rediseño icono interruptor de línea.
¿Qué hay de nuevo en la versión 1.2.7:.
- Añadir evento beforeUploadPastedImage
- Los botones no son simpleTags. Mejorar allowedAttrs limpieza.
- HTML limpio que se establece dentro de área de texto antes de agregarlo al elemento.
- doNotJoinTags opción Agregar.
- Colores Plugin se mejoró.
- Añadir linkAttributes opción.
- Mejorar eventos imageAltSet, imageFloatedLeft, imageFloatedNone y imageFloatedRight.
- Agregar entidades plugin.
- Añadir respuesta al evento fileUploaded.
- Añadir eventos afterImageUpload y afterFileUpload.
- Reemplazar node.children con node.childNodes.
- Mejorar eventos imageResize y imageResizeEnd.
- Añadir saveParam.
- Permitir que escribir RTL o LTR de acuerdo con el tipo de teclado.
- Mejorar la traducción danesa.
- Mejorar pegar.
- Añadir afterPasteCleanup evento.
- El texto dentro de enlace no es verificada más
- opción Añadir iconClasses.
- useFileName opción Agregar.
- Añadir traducción Estonia.
¿Qué es la nueva en la versión 1.2.6:.
- Reflejar en la interfaz de usuario al desactivar el Estado
- marcador de posición ya no tiene el estilo cursiva.
- linkAutoPrefix valor predeterminado es una cadena vacía en lugar de falsa.
- Popups están cerrados cuando se cambia el tamaño de la ventana.
- Introduzca ya no está copiando el estilo del elemento de bloque anterior.
- Permitir vista previa de vídeo en todos los navegadores.
- Compruebe TAB probando el charCode en lugar de la propia cadena.
- Mejorar la traducción al ruso.
¿Qué es la nueva en la versión 1.2.5:.
- Mejorar la tipificación general cuando la opción paragraphy es falsa
- linkAutoPrefix opción Agregar.
- Mejorar el algoritmo de limpieza
- Solicitud de ventanas emergentes pulsando ENTER.
- Cerrar las ventanas emergentes al chocar con ESC.
- Añadir defaultTag como experimental.
- etiqueta Estilo ya no se permite con el fin de evitar ataques XSS.
- El texto es la selección predeterminada en el menú desplegable de colores.
- Añadir foreColors opción.
- Añadir backColors opción.
- defaultColorOption opción Agregar.
- backColorsDisabled opción Agregar.
- Añadir foreColorsDisabled opción.
- Mejorar la pasta normal.
- Mejorar afrontamiento de texto dentro del editor.
- fr-etiqueta ya no se añade de forma predeterminada. useFrTag se debe utilizar en su lugar.
- editable.imageInserted evento tiene una más param, respuesta, que contiene la respuesta sin procesar desde el servidor
- extra & # x3c; p & # X3e; las etiquetas ya no se añaden en elementos de la lista.
- Añadir customImageButtons opción.
- Añadir showNextToCursor opción.
- Añadir opción de varias líneas.
- Cargar archivos de arrastrar y soltar directamente en el editor.
- Reemplazar CTRL + F atajo CTRL + E.
- Mejorar desinfectante URL.
- Añadir URL plugin que se convertiría automáticamente las direcciones URL.
- Añadir plugin de pantalla completa.
- Soporte básico de iframe.
- Añadir idioma ucraniano.
- Mejorar la lengua noruega.
- scrollableContainer opción Agregar.
- defaultImageAlignment opción Agregar.
- defaultVideoAlignment opción Agregar.
- Mejorar deshacer / rehacer ahorro de rendimiento
- allowedEmptyTags etiquetas ya no está disponible.
- allowedBlankTags deben utilizarse para permitir etiqueta vacía que no tiene atributos.
- Añadir estilos_enlínea plug-in.
- Añadir useClasses opción.
- Añadir opciones de imagen para mostrar como en línea o romper texto.
- manipuladores de cambiar la imagen del diseño.
- Añadir botón align de imagen como un menú desplegable.
- floatImageLeft, floatImageNone y floatImageRight. alinear el botón se debe utilizar en su lugar.
- Añadir textNearVideo opción.
Se eliminaron los botones
¿Qué es la nueva en la versión 1.2.3:.
- Mejorar la gestión de eventos mecanismo
- Mejorar la sincronización y deshacer gerente.
- Mejorar el enfoque pegar.
- defaultImageWidth se ignora si se establece en 0.
- Añadir método setDirty.
- opción blockTags acepta más etiquetas ahora.
- Mejorar la Palabra de pegar.
- Mejorar el método insertHTML.
- Mejorar la barra de herramientas flotante cuando la opción fixedToolbar es falso.
- Mejorar la experiencia de clic de botón en los dispositivos móviles.
opción
¿Qué hay de nuevo en la versión 1.2.2:.
- Añadir plugin de char_counter
- Lista de Revisión de allowedAttributes.
- Lista de Revisión de allowedTags.
- beautifyCode opción Agregar.
- Añadir evento onpaste.
- Añadir un control granular para los accesos directos:. ShortcutsAvailable opción
- convertEmailAddresses opción Agregar.
- Mejorar UX para insertar enlace.
- Añadir evento badLink.
- Pegar mejoras en todos los navegadores
- Las imágenes en movimiento ahora trabaja en el IE también.
- Añadir pasteImage opción.
- Mejorar la limpieza.
- Añadir el tema real.
- Añadir opciones de actualización y refreshOnShow de menús desplegables personalizados.
- Añadir opción de actualización para los botones personalizados.
- Mostrar cargador cuando la imagen se inserta por el enlace.
- Añadir videoAllowedAttributes y videoAllowedTags.
- Permitir deshacer / rehacer sin botones.
- imageTitle opción Agregar.
¿Qué es la nueva en la versión 1.2.0:.
- Nuevo algoritmo para trabajar con listas
- listas anidadas.
- Las listas son ahora un plugin.
- Soporte de archivos.
- Mejorar la legibilidad del código.
- Añadir botón para quitar el color de fondo.
- Añadir botón para quitar el color del texto.
- Mejoras en los archivos de temas.
- Añadir tema de color rojo.
- Añadir gris tema.
- Añadir un enlace cuando no hay texto seleccionado.
¿Qué hay de nuevo en la versión 1.1.9:
- Solución de errores:
- pasta Palabra.
- Comience con fontSize en los navegadores WebKit.
- correcciones de limpieza RegEx.
- Página parpadeo en la pasta.
- La posición del cursor en la pasta en los navegadores WebKit.
¿Qué es la nueva en la versión 1.1.7:
- Guardar / Restaurar la selección trabaja para varios rangos <. / li>
¿Qué hay de nuevo en la versión 1.1.6:.
- Tablas
- Insertar vídeo por URL.
- Mejoras en la velocidad.
- Añadir soporte para Internet Explorer 8.
- Mejora de apoyo Android.
- Mejorar el posicionamiento emergente móvil.
- simpleAmpersand opción Agregar.
- Añadir IMAGELINK opción.
- Las mejoras en los idiomas alemán.
- Beautifier se utiliza como una librería independiente y ya no está disponible de forma predeterminada.
- Añadir maxHeight opción.
- Por defecto ya no está disponible por defecto, pero las opciones se pueden activar y desactivar.
- inverseSkin se sustituye por la opción de tema.
- archivo CSS del tema.
- Mejorar la salida HTML.
- Mejorar la traducción de la lengua italiana.
- Inicio en color de tamaño / la fuente.
- Permite al usuario de retorno de error del servidor para una imagen.
- Reemplazar espacio invisible con la etiqueta BR.
- Mejorar la traducción francesa.
- saveRequestType opción Agregar.
- Las rellamadas de imágenes consiguen objeto jQuery como parámetro en lugar de src.
- HTML Limpiar con expresiones regulares en lugar de código jQuery.
- Editor puede ser inicializado en la imagen.
- Editor puede ser inicializado en el enlace.
- Opción para editar el texto del elemento DOM en una ventana emergente.
- Pasar una lista predeterminada de enlaces para elegir.
- Añadir opción para abrir el enlace en otra pestaña.
- disableRightClick opción Agregar.
- blockStylesToggle opción Agregar.
- Añadir trackScroll opción.
- unlinkButton opción Agregar.
¿Qué hay de nuevo en la versión 1.1.5:.
- Añadir método de enfoque
- Mostrar editor de clic derecho.
- Editor puede ahora ser inicializado en la imagen.
- imageUploadToS3 opción para subir a Amazon S3.
- opción ImageUpload desactivar la carga de imágenes.
- customDropdowns opción de personalizar menús desplegables.
- comando blockStyle para establecer una costumbre blockStyle.
- blockStyles para establecer blockStyles específicos.
- defaultBlockStyle opción por defecto para establecer estilos de bloques disponibles.
- Mejorar el método destroy.
- Mejorar el apoyo de marcador de posición.
- Mejorar el modo de codificación.
- Mejorar la nueva línea de código y blockquotes.
- Gestor de grupos de medios de comunicación para esperar siempre JSON y no de texto.
- Actualizar para FontAwesome 4.1.0.
- Reemplazar icono párrafo.
- Reemplazar icono de color.
- Añadir botón fontFamily en la barra de herramientas.
- Añadir botón blockStyle en la barra de herramientas.
- Añadir botón HTML de vuelta en la barra de herramientas.
- Permitir URL empezando por el número y /.
- sincronización cuando la imagen se deja caer.
opción
¿Qué es la nueva en la versión 1.1.4:.
- Mover writeVideo a su propio método
- Mejorar el apoyo de envolver.
- Mejorar el método getHTML.
- Mejorar el formato de bloque.
- Configuración de color de fondo tendría en cuenta los padres también.
- Mejorar el apoyo contentChangedCallback.
- Eliminar caracteres invisibles al guardar el código HTML.
- Añadir isActive método para comprobar si el comando está activo.
- Mejorar los mecanismos de deshacer.
- Administrador de medios para las imágenes.
- zIndex opción Agregar.
- mínima para autosaveInterval se cambió a 100.
- Mejorar el apoyo XSS.
- Mejorar el método insertHTML.
- saveURL ya no es necesaria para desencadenar guardar.
- Agregar restricción imagen utilizando la opción allowedImageTypes.
- CTRL + tecla de retroceso está cortando el texto.
- CTRL +] sangría en el texto.
- CTRL + [se outdenting texto.
- CTRL + & quot; se cita como formato al texto.
- CTRL + & # X5c; significa formatear el texto como código.
- Sinc antes de la presentación de formulario.
- Eliminar imagen pulsando el botón Borrar cuando se selecciona.
- Si pulsa intro cuando la imagen es la selección es cada vez hacia abajo.
- maxImageSize opción para restringir el tamaño de la imagen antes de la subida.
- Añadir defaultImageWidth opción para establecer el tamaño de la imagen en la inserción.
- afterRemoveImageCallback es ahora conseguir la imagen src como param.
- Imagen quitar el control mejorado.
- comando de línea horizontal.
- Soporte Familia de fuentes.
¿Qué es la nueva en la versión 1.1.3:.
- Las etiquetas personalizadas de HTML ya no se quitan
- minHeight opción.
- método removeFormat.
- se introduce imagen donde está el cursor.
- Deshacer conserva la selección y el cursor de posición.
- & quot; Por favor, espere & quot; mensaje al cargar la imagen.
¿Qué hay de nuevo en la versión 1.1.2:
- Alta:
- textNearImage opción.
- imageButtons.
- alwaysVisible opción.
- opción nofollow.
- alwaysBlank opción.
- PlainPaste opción.
- Iconos opción.
- Las devoluciones de llamada para pegar.
- getText () método.
opción
¿Qué hay de nuevo en la versión 1.1.0:.
- Se ha añadido soporte idiomas (28 idiomas)
- colores de la piel inversa.
- cita en bloque tiene comillas al principio.
- Los parámetros adicionales a petición de carga de imágenes.
- Los parámetros adicionales para ahorrar petición.
- El soporte de video.
- A botones en la barra de herramientas.
- Paragraphy opción.
¿Qué hay de nuevo en la versión 1.0.6:.
- Mejorar IE 11 de soporte para el editor en línea
- Marcador de posición funciona como marcador de posición de HTML5.
- Permitir mover la imagen en el editor mediante el establecimiento opción imageMove.
- Añadir guardar botón.
- Información sobre la herramienta de texto y los mensajes se pueden personalizar a través de la opción CustomText.
- Barra de herramientas puede permanecer en la parte superior o mover junto con el desplazamiento.
- Opción para despojar & # x3c; secuencia de comandos & # X3e; la etiqueta.
¿Qué hay de nuevo en la versión 1.0.5:
- Imagen emergente permanece activa cuando se hace clic en un botón de a él.
- Mejorar el apoyo a la lista.
- Liberador de espacio después de la relación / de desenlace.
- Editor se activa al soltar el ratón fuera de él y hay una selección.
- Actualizar el estilo de marcador de posición.
- método Gethtml limpia el HTML devuelto.
¿Qué hay de nuevo en la versión 1.0.4:.
- Mejorar el soporte táctil
- cuestiones lista fija.
- pestaña Golpear insertará 4 espacios en blanco.
- Desactivar arrastrar la imagen con el fin de evitar perder el formato de texto.
¿Qué hay de nuevo en la versión 1.0.3:
- Carga de imágenes en http://uploads.im .
Requisitos
- JavaScript habilitado en el lado del cliente
- jQuery 1.10.2 o superior
1 Comentarios
Free or Not free 5 Aug 16
FEFree?