Artículos con la etiqueta 'WYSIWYG'

EditArea: un Editor de Código fuente rica en Javascript

EditArea es una manera diferente de utilizar las funciones de edición de HTML permitido en línea. Esta técnica, utilizada con más frecuencia para crear editor WYSIWYG , en este caso se utiliza para proporcionar un editor de código real.

EditArea

Un habitual campo textarea se transforma en un editor real con la capacidad de dar formato al texto, buscar y reemplazar palabras y obtener un código de color en tiempo real. Entre sus características destacamos:

  • Integración simple a través de un único script de JavaScript y una única llamada a una función de parche.
  • Apoyo a la ficha
  • Buscar y reemplazar con expresiones regulares
  • Apoyo el código de color para PHP, CSS, JavaScript, Python, HTML, XML, VB, C, CPP, Pascal, Basic, Brainf * ck
  • Auto-sangrado de nuevas líneas
  • Líneas de código de numeración
  • Compatibilidad con varios idiomas: Croata, Danés, Inglés, francés, alemán, italiano, japonés, polaco, potoghese)
  • Apoyo a gzip
  • Varias instancias
  • Pantalla completa
  • Cambiar el tamaño de la ventana en tiempo real
  • Posibilidad de ampliar las funciones mediante plugins
  • Guardar y cargar de devolución de llamada
  • Trabajar con prototipos y mootools

Un ejemplo de cómo usarlo:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
editAreaLoader. init ({
// id of the textarea to transform id: "exemple_3" / / id de la caja de texto para transformar
true , Start_highlight: true
"8" , Font_size: "8"
"verdana, monospace" , Font_family: "verdana, monospace"
"y" , Allow_resize: "y"
false , Allow_toggle: false
"fr" , Idioma: "fr"
"css" , La sintaxis: "css"
"new_document, save, load, |, charmap, |, search, go_to_line, |, undo, redo, |, select_font, |, change_smooth_selection, highlight, reset_highlight, |, help" , Barra de herramientas: "new_document, guardar, cargar, |, charmap, |, búsqueda, go_to_line, |, deshacer, rehacer, |, select_font, |, change_smooth_selection, destaca, reset_highlight, | ayuda"
"my_load" , Load_callback: "my_load"
"my_save" , Save_callback: "my_save"
"charmap" , Plugins: "charmap"
"arrows" , Charmap_default: "flechas"
});

Continuación ...

FreeTextBox: Javascript HTML editor WYSIWYG para ASP.NET

imagen FreeTextBox es un editor HTML escrito en JavaScript, para ASP.NET. Esta versión, 4.0 Beta 1 es compatible con Internet Explorer, Mozilla Firefox y en todas las plataformas. Al igual que otros editores (ver: editor WYSIWYG para la web ) le permite configurar el aspecto y los instrumentos. A pesar de ASP.NET, el marco de tratados de mí, me informe de su agrado. Sin embargo, el pecado, viene en dos versiones: una gratuita y una versión de pago!

imagen

Continuación ...

El editor WYSIWYG para la web

TynyMCE 2.1.2 (3,01 alfa)

TinyMCE Ahora en la versión 3.01a ( la última estable es 2.1.2 ) TinyMCE soporta los siguientes navegadores: Navegadores compatibles: Mozilla, Microsoft Internet Explorer, FireFox, Opera y Safari (experimental) (Mozilla, Microsoft Internet Explorer, FireFox, Opera y Safari (experimental)).
Con soporte para plugins es totalmente configurable, tanto en la piel (ver imágenes a continuación dos ejemplos), tanto en términos de las funciones compatibles (ver Plugins ). Paquete de idiomas completo le permite personalizar la salida de XHTML 1.0. Se puede utilizar desde PHP /. NET / JSP / Coldfusion compresor gzip también es compatible con Ajax para operaqzioni Cargar / Guardar.

Continuación ...

Xopus: WYSIWYG editor de XML

Xopus es un editor de XML (HTML) en el modo de operación WYSIWYG dentro del navegador. Me había dado cuenta ya hace algún tiempo, gracias a un artículo publicado en Ajaxian . Lo menciono ahora porque sigue siendo una propuesta interesante en el web2.0/editor paisaje. Es una experiencia interesante! Xopus ha desarrollado muy bien (con el apoyo de Italia), con una excelente implementación del menú de contexto, aunque todavía no está completamente multi-navegador, la versión actual 3.1 sólo es compatible con Microsoft Internet Explorer (versión 6 y 7 ), sin embargo los desarrolladores han prometido tan pronto como sea por lo menos una versión compatible con Firefox (1 de febrero ha sido lanzado en versión alpha 3.1.1 es compatible con Firefox 2.0 +).

Como se discutió en otra parte, la cuestión de la compatibilidad (navegadores) a través del navegador, y que se castigue frena el desarrollo de herramientas, ni siquiera el uso de tecnologías especiales, como applets de Java o Flash de Adobe, podría aportar una contribución significativa a la Comunidad! Conttibuto impedido - finalmente - de innecesarias batallas internas de los productores actuales de los navegadores: IE, Firefox, Opera, Mozilla, Safari, ...!

Ver la demo también se verá algo más que sencillo editor HTML, para decirlo sin rodeos. Xopus propone es la estructura clásica del editor, el estilo y las características avanzadas de Microsoft Word. Puede, de hecho, entrar en la página real de los objetos inteligentes que cumplan con ciertas características, por lo que Xopus un caso particular.

Como se indica en la página web:

Xopus es una buena solución para cualquier negocio que tenga un sistema de contenido back-end de gestión y en los sistemas de front-end de publicación y dos sistemas que por lo tanto el uso de elementos de análisis. Que la estructura a la información, para que ambos extremos se encuentran, tanto es un deber.

Puedes ver un vídeo de demostración que se presentan las funciones de edición avanzada. También puede probar una demo directamente.

Continuación ...

Weebly: Crea tu sitio web en línea

Ya hemos hablado sobre el uso de la Aplicación Web (Web 2.0) y cómo el mercado de software se está moviendo a las aplicaciones en línea suelen instalar en nuestra máquina. Última señal importante de Adobe (ver Software Net ) que quiere liberar a - o está empezando a caer - un conjunto de software en línea.

Hoy os propongo una herramienta realmente grande, Weebly , cuyo objetivo es crear un sitio web en línea, con dominio (tuoweb. weebly.com) y herramientas para la edición realmente interesante. Ver el vídeo de demostración a continuación.


Si no puede ver el video haga clic aquí

La idea, por supuesto, no es nuevo, pero el enfoque Weebly muestra claramente por qué a corto debe tener Adobe Photoshop online será realmente un paso adelante. Además de la facilidad de uso de este servicio ofrece interesantes herramientas de edición tales como lectores de RSS, la inclusión de Google Maps, entrada de vídeo (a partir de varias fuentes) y más. El uso de Ajax y DHTML (HTML dinámico) es realmente sirve, qué hace el trabajo de edición muy sencillo y asequible para todos.
Lo interesante, en mi opinión, es que cuando se inserta una imagen que puede convertir a un pequeño editor para las operaciones diarias tan diversos como los cultivos - cultivos - y cambiar el tamaño - el tamaño.

Nos acaba de anunciar un par de nuevas características: Ahora se pueden editar, recortar, redimensionar, ajustar y mejorar las fotos en el nuevo editor de imágenes integrado Snipshot, vamos a presentar un aviso (pero le permiten continuar) si usted está usando una navegador no es compatible, se publican algunas pequeñas actualizaciones de los temas, y un par de otros pequeños cambios y correcciones.

La cuestión fundamental radica aquí. A corto herramientas como Weebly puede usar el editor de imágenes como Adobe Photoshop, lo que hará que el negocio de la edición de Diseño Web en línea de las tradicionales.
Obviamente esto es sólo parte de lo que podría suceder; editor de video, audio y texto son los siguientes en entrar en avanzado con fuerza en línea!

Continuación ...