Así que sin más preámbulos, vamos a echar un vistazo a las 10 de los mejores editores de páginas web libres por ahí hoy en día!
KompoZer (Windows, Mac, Linux)
KompoZer es el único editor WYSIWYG en esta lista. En mi opinión, es mucho mejor que los otros editores WYSIWYG gratuitos disponibles en la actualidad. Se trata de un editor de código abierto, derivado del Netscape Composer venerable edad. Aquí puede editar su página en 3 modos:
- Modo WYSIWYG. Esto le permite editar la página y disponer elementos visuales.
- Dividir modo. Esto es útil si tiene que echar mano de un marcado elemento en particular.
- Modo de fuente. Esto le permite editar el código fuente de página completa, como un editor de texto. (Por desgracia no hay ninguna etiqueta HTML auto-realización, o cualquier otra forma rápida de introducir etiquetas.)
Usted puede obtener una vista previa de la página en el editor tal y como aparecería en un navegador.
KompoZer soporta casi todos los elementos HTML simple, incluyendo imágenes, tablas y formularios. También hay un bonito built-in editor de CSS para editar las hojas de estilo, un Director de obra para hacer el seguimiento de todos los archivos del sitio, y una característica de publicación para cargar el sitio a través de FTP.
A diferencia de muchos otros editores WYSIWYG, KompoZer hace un trabajo bastante bueno de mantener su margen de beneficio tan limpio como sea posible. No es tan guapo como editores comerciales, como Dreamweaver, pero es bastante fácil de usar, y si usted quiere hacer algo de edición visual en un presupuesto, entonces es una gran opción.
Komodo Edit (Windows, Mac, Linux)
Komodo Edit es un editor programador de código abierto, basado en el comercialKomodo IDE (Integrated Development Environment) . Es altamente extensible gracias a la utilización de un sistema de extensión de Firefox-como, y un montón de útilescomplementos están disponibles.
Aunque es un editor de propósito general, es compatible con HTML y CSS bastante bien, con sensible al contexto de autocompletado de etiquetas HTML y propiedades CSS, así como una colección de fragmentos de diversos elementos HTML. Para obtener el máximo partido de Komodo, sin embargo, te recomiendo instalar el Kit de herramientas de HTML extensión, que tiene algunas características preciosas, como el cierre de etiqueta auto-completado, previsualización de la imagen CSS, y la generación de Lorem Ipsum instante con sólo pulsar unas teclas.
Komodo Edit le permite una vista previa de las páginas en cualquier navegador instalado, o utilizar el navegador incorporado en una vista dividida para que puedas editar y previsualizar al mismo tiempo.
El editor tiene un built-in función de carga de archivos (FTP, FTPS, SFTP o SCP) para cargar los archivos del sitio, y usted puede guardar todos sus archivos bien agrupados con las funciones de gestión de proyectos.
Una característica muy útil es el bloque de código> Seleccionar . Esto selecciona el bloque actual de HTML importante, tal como la corriente que encierra div
o ul
elemento. Muy útil para aislar una sección completa en una página para copiar o mover.
Hay un montón de características de uso de energía en Komodo edit, como la búsqueda poderosa expresión regular / reemplazar, la posibilidad de ejecutar comandos externos, y vi / emacs esquemas de combinación de teclas. A veces, todo este poder puede ser un poco abrumador si lo que desea es hackear algo de HTML.Afortunadamente, el editor tiene un buen sistema, ayuda de búsqueda que hace que sea fácil de descubrir la riqueza de sus características.
Aptana Studio (Windows, Mac, Linux)
Aptana Studio es un entorno Web de pleno derecho al desarrollo, y es particularmente adecuado para el desarrollo de Ajax. Fuera de la caja, le permite editar HTML, CSS y los archivos JavaScript, y muchos más lenguajes de programación Web son compatibles a través de plugins. También le permite una vista previa de las aplicaciones web dinámicas utilizando la incorporada en el servidor web Jetty.
El editor de Aptana maneja HTML y CSS realmente bien: se completa automáticamente CSS y HTML, y ha resaltado de sintaxis agradable. De hecho el código HTML de autocompletar es casi tan bueno como se pone con un editor gratuito: se cierra automáticamente las etiquetas HTML, y proporciona al instante pop-up ayuda de sintaxis para cosas como las propiedades CSS.
Aptana ofrece un sistema de gestión de proyectos bien para mantener todos sus archivos a la vez, y soporta carga a través de FTP, SFTP y FTPS.
En el lado negativo, Aptana es una gran aplicación de alta gama, y el gran número de preferencias, plugins y opciones de configuración puede ser intimidante para los principiantes. También puede ser un poco lento y poco fiable a veces. (Otra problemita menor es que el atajo de teclado estándar para abrir un archivo - Control / Comando + O - en vez abrirá la ventana Outline!)
A pesar de sus inconvenientes, Aptana Studio es una gran opción si lo que busca es un IDE Web completa, y también se puede usar simplemente como un muy capaz HTML / CSS / JavaScript editor.
Notepad + + (Windows)
Notepad + + es un editor de sólidos, de código fuente abierto, y un buen reemplazo para el Bloc de notas de Windows integrada. Es compatible con Windows con pestañas, HTML y CSS resaltado de sintaxis, plegado de código, y la auto-realización.
Las opciones de buscar y reemplazar son globales, incluyendo soporte para expresiones regulares en búsquedas y búsqueda en varios archivos.
Notepad + + también cuenta con un sistema de plugins, lo que permite extender el editor con funciones adicionales tales como poder añadir ficheros FTP.
Otras funciones útiles para un programador Web incluyen:
- Una herramienta de comparación de archivos
- La funcionalidad de HTML Tidy
- Atajos de teclado para obtener una vista previa en los principales navegadores
PSPad (Windows)
Al igual que Notepad + +, PSPad es un editor para programadores de propósito general para Windows. Cuenta con resaltado de sintaxis y auto-realización, y es particularmente adecuado para la edición de HTML y CSS, con funcionalidad integrada por:
- Código de embellecimiento con HTML Tidy
- Previas del navegador
- La conversión de texto con formato desde y a HTML, y
- La conversión de los archivos CSS de formato a línea (y viceversa).
Una característica particularmente agradable - no visto en muchos otros editores - esHTML> HTML Compress código , que le resta su margen de beneficio para las descargas de páginas más rápido.
PSPad también tiene otras características útiles como un sistema incorporado en el cliente FTP y grabación de macros.
jEdit (Windows, Mac, Linux)
jEdit es un código abierto, multiplataforma editor de texto escrito en Java. En el lado positivo esto significa que funciona muy bien en Windows, Mac OS X, Linux y más. En el lado negativo, la interfaz es un poco torpe, con los widgets no estándar, cuadros de diálogo y los métodos abreviados de teclado. Sin embargo, si usted puede conseguir alrededor de los inconvenientes luego jEdit es un editor de bonito con una gran cantidad de energía para arriba sus mangas.
jEdit tiene todas las características que usted esperaría de un editor de código decente, incluyendo resaltado de sintaxis, macros y portapapeles múltiple. Sin embargo, para sacar el máximo partido de jEdit como programador web, instalar el plugin de XML(usted puede hacer esto mediante la elección Plugins> Administrador de complementos , a continuación, en la instalación de ficha y seleccionar el plugin XML). Este plugin te permite autocompletar para HTML y CSS, el navegador documento árbol, embellecimiento de código, y mucho más.
TextWrangler (Mac)
TextWrangler de Bare Bones Software es en gran medida un editor de texto de uso general, por lo que no tiene mucho en el camino de la Web características específicas, y no hay auto-realización. A pesar de ello, es rápido y fácil de usar, y me encuentro con un montón de peso ligero HTML, CSS, JavaScript y PHP edición.
Algunas de las características agradables TextWrangler incluyen:
- El resaltado de sintaxis para HTML, CSS, JavaScript y otros lenguajes web
- Potente, fácil de usar y de búsqueda y reemplazo con expresiones regulares
- Navegación Función: Salte rápidamente a cualquier elemento HTML, CSS selector, o una función JavaScript en el archivo que está editando
- Built-in FTP descarga / subida apoyo
- AppleScript apoyo a la automatización de tareas comunes de edición
En esencia, TextWrangler es genial si quieres un editor sin sentido que no se interpone en el camino mientras usted edita sus páginas Web.
Si usted está dispuesto a pagar una pequeña cantidad de dinero por su editor, echa un vistazo a hermano mayor de TextWrangler, BBEdit . Este editor con todas las funciones que ofrece auto-realización, HTML y CSS comprobación de sintaxis, una función de HTML Tidy, y mucho más.
Vim (Windows, Mac, Linux)
En muchos sentidos, el abuelo de los editores de texto para programadores, Vim (junto con su antecesor, vi) es un terminal basado en código abierto editor de texto. Se instala por defecto en la mayoría de los sabores de Unix, incluyendo Linux y Mac OS X. También está disponible para Windows y muchos otros sistemas.
Vim no es algo que se puede esperar simplemente a tomar y empezar a utilizar de inmediato. La mayoría de los comandos de edición involucrar a escribir las pulsaciones de teclado extraños como : wq y / . También dispone de 3 modos de edición: uninserto de modo donde se escribe el texto, una visual del modo de selección de texto, y un comando del modo en el que introduce los comandos. Todo esto es debido a la herencia de Unix vim, desde los días en que no había cosas tales como ventanas y ratones.
¿Por qué usarlo? Bueno, una vez que la domines, Vim es increíblemente rápido y potente. Con sólo pulsar unas teclas, se pueden hacer cosas en pocos segundos que tendrían minutos con otros editores.
Hay varias macros Vim y plugins disponibles para ayudar con HTML, CSS y JavaScript codificación, incluyendo resaltado de sintaxis, auto-terminación, HTML Tidy, y en tu navegador, la vista previa. Éstos son algunos consejos útiles:
- Vim Omni Finalización
- HTML / XHTML Edición en Vim
- closetag.vim: Funciones y asignaciones para cerrar abiertas HTML / XML tags
- xmledit: Un plugin de tipo de archivo para ayudar a editar XML, HTML y documentos SGML
- ragtag.vim: Un conjunto de asignaciones para HTML, XML, PHP, ASP, eruby, JSP, y más
Si usted no puede seguir adelante con un editor que se ejecuta en una ventana de terminal, Vim tiene un equivalente gráfico llamado gvim , con más amigables ventanas y menús.
gedit (Windows, Mac, Linux)
gedit es el editor de texto predeterminado del entorno de escritorio GNOME, comúnmente usado en Linux. También funciona perfectamente feliz en Windows y Mac OS X, y las descargas para todos los sistemas están disponibles en la página de inicio .
Lo bueno de gedit es que tiene una interfaz despejada y es fácil de usar, pero usted puede elegir entre una gran variedad de plugins para personalizarlo como usted necesita. Plugins prácticos para programadores Web incluyen:
- Panel del Explorador de archivos, guión Líneas y Tag List (se incluye con gedit pero hay que habilitarlos en las preferencias)
- Autocompletar
- Browser Vista previa
- HTML Tidy
- Lorem Ipsum
- Regex Buscar y reemplazar
Fraise (Mac)
Al igual que TextWrangler y gedit, Fraise es un editor de texto ligero agradable que es agradable de usar. Es un tenedor de la ahora extinta Smultron editor. Es relativamente nuevo, así que no tiene una página de inicio adecuada todavía. En la actualidad, sólo es compatible con Mac OS X 10.6 (Snow Leopard), así que si usted todavía está utilizando 10,5 tendrás que descargar Smultron lugar.
Fraise tiene algunas buenas características específicas de la Web, incluyendo:
- El resaltado de sintaxis para HTML, CSS, JavaScript, PHP y mucho más.
- Un comando Tag Cerrar ( Comando + T ) para cerrar la etiqueta actual. Realmente ahorra tiempo al entrar en las listas y así sucesivamente.
- Un práctico integrado en la vista previa del navegador (con WebKit), con una opción de actualización muy útil vivo que se actualiza a medida que edita su margen de beneficio y CSS.
- Una opción de búsqueda avanzada que permite la búsqueda de expresiones regulares y reemplazar.
- Apoyo a fragmentos para introducir rápidamente las etiquetas HTML y propiedades CSS.
- Algunos útiles de manipulación de texto, comandos tales como la validación de HTML y caracteres de conversión a entidades HTML.
Fraise vale la pena un vistazo si utiliza un Mac, y lo que busca es un editor fácil de usar que es más capaz que la edición de textos incorporado.