Editor visual HTML para Linux. Editores HTML gratuitos para el sistema operativo Linux

Quien tiene su propio sitio web, blog, foro u otro recurso de Internet, como regla, temprano o tarde para dominar los idiomas Html y PHP.. Quien recientemente cambió a Ubuntu quisiera saber qué programas y editores pueden ofrecer este sistema operativo para trabajar con el sitio.

Empezaré con el editor liviano. Gedit. .
GEDIT es un editor de texto predeterminado para Ubuntu. Aunque GEDIT no es tan poderoso como muchos editores, tiene excelentes oportunidades que se pueden ampliar a expensas de los complementos: http://live.gnome.org/gedit/plugins. El editor está escrito por GNOME Software Foundation, por lo que es totalmente compatible con GIO / GVFS y funciona con cualquier archivo que funcione Nautilus. Estos son archivos disponibles en FTP, SMB, SSH / SFTP, así como DAV. Es muy útil cuando se trabaja con un servidor remoto.

Características GEDIT:

• Soporte de impresión
• Resaltado de sintaxis personalizable (C, C ++, Java, HTML, XML, Python, Perl, etc.)
• Muchos complementos
• Explorador de archivos
• Corrección ortográfica
• Capacidad de crear copias de seguridad Documentos
• etc.

GEDIT es simple, pero muy bonita y útil. Recientemente, lo uso para trabajar con sitios.

Instale GEDIT:

Sudo apt-get install gedit

Geany. - Esta es una mezcla que consiste en editor de texto e IDE. No solo tiene herramientas para el desarrollo web, sino también la capacidad de desarrollar software. Geany admite el código de plegado, el menú de la variable y las funciones para encontrar rápidamente las funciones deseadas, es posible instalar esquemas de color, un compilador, un terminal interno y mucho más, que debe contener un editor moderno. Geany está siendo muy activamente desarrollado y mejorado.

Instalar Geany:

Sudo aptitude instalar geany

- Este es un editor de texto con retroiluminación de sintaxis.

• Insertar código para archivos de configuración Apache, C, CSS, JavaScript, PHP, HTML (y otros)
• Creando tablas
• Sintaxis flexible de destacación
• Etiqueta html
• Explorador de archivos
• Trabajar con el archivos remotos Por ftp.
• y mucho más

Instalar bluefish:

Sudo aptitude instalar bluefish

Kompozer. - Este es un editor HTML de WYSIWYG (VISUAL), que se basa en NVU. En la primavera de 2007, Download.com anunció mejor Kompozer alternativa libre Adobe CS3.

Las principales características del editor:

• Trabaje en modo WYSIWYG, la capacidad de editar código fuente directamente
• Incorporado Cliente FTP
• La capacidad de verificar el código fuente de la página en ayudar a html Validador de W3C.
• Trabajando con múltiples documentos usando pestañas.
• Posibilidad de publicar en internet páginas creadas.

Cómo instalar KompoZer en Ubuntu 14.04 Leer.

El enlazador de Seamonkey entra en el paquete de software del Consejo de Seamonkey. EN este conjunto Presente: Navegador web, cliente de correo electrónico, Libreta de direcciones, Cliente de Chatzilla IRC, enlazador, así como herramientas para desarrolladores web. Externamente es muy similar a Kompozer, pero en contraste con él muy a menudo actualizado. Para usar el enlazador, no tiene que saber HTML; También es fácil de usar como editor de texto.
Puede agregar listas, tablas, imágenes, enlaces a otras páginas o recursos, cambiar de color y estilo de fuente. Al crear un documento, puede ver cómo se ve su documento cuando se publica en Internet y le brinda acceso a otros usuarios, sin importar qué navegador o programa postal ellos usan. Así como Kompozer tiene un modo WYSIWYG, que es muy útil para los recién llegados en HTML.

Cómo instalar Seamonkey en Ubuntu Leer.

Hay otros editores que se pueden instalar a través de los repositorios de Ubuntu o a través de fuentes de tercerosPero los programas enumerados anteriormente deben ser suficientes con su cabeza. Y si no quieres profundizar en idiomas PHP, HTML, se sumerge en el estudio de las tablas de estilo CSS, luego el estudio web de Jarkov, u otra ciudad, o los países pueden llegar al rescate. Los profesionales crearán un sitio web para usted, foro, tienda en línea en sus deseos.

Bajo Linux existe gran cantidad Válido aplicaciones para desarrolladores web.. Esta vez, escribiré sobre cuatro convenientes editores HTML, que son populares en esta plataforma. Si es interesante, puede continuar y escribir sobre programas para desarrolladores con más frecuencia.

La mayoría de los editores, además de la entrada de código manual, la tecnología de soporte Wysiwyg.. Yo mismo probé solo dos editores (porque todavía está escribiendo todo con un gedit, ya que somos familiares y más convenientes), pero ambos estaban en los repositorios oficiales de Ubuntu y están disponibles en Centro de aplicaciones.

Bluefish - Editor multiplataforma y muy fácil, centrada en programadores y desarrolladores web. Admite muchos lenguajes de programación y marcas, pero se centra en la creación de sitios web dinámicos y estáticos. eso proyecto abiertoLanzado bajo la licencia GNU GPL.

Características de Bluefish:

• Sintaxis de destacación personalizable
• Compruebe la ortografía de las páginas HTML
• Etiqueta html
• Información de referencia incorporada para varios idiomas de programación
• Bloques de código plegable
• Retroiluminación del principio y el final de las etiquetas para los bloques correspondientes.
• Auto-terminación y cierre automático de etiquetas para muchos lenguajes de programación

(también conocido como Quanta.) - Editor popular bajo KDE. Quanta tiene un editor WYSIWYG, así como la función de edición de archivos FTP.

Características de Quanta Plus:

• Entrada automática de BASIC Html Tagov Y sus atributos
• Sintaxis resaltando
• Código de código
• Formularios web visuales y páginas.
• Vista previa de la página web
• Buscar y reemplazar (incluido el uso de expresiones regulares)
• Compruebe la ortografía.
• Bloques lógicos plegables

Este es otro herramienta útil Para el desarrollador. Admite HTML, CSS, JavaScript, PHP, CSS, y mucho más, eso es solo soporte para WYSIWYG.

Para descubrir qué tan bien hacen frente a sus responsabilidades.

Estas aplicaciones son en gran medida similares. Los tres editores principalmente del código con aislamiento de sintaxis, con formato inteligente y otras funciones que simplifican el código establecido y la edición. El recinto marrón está estrechamente conectado con GNOME, mientras que Bluefish se siente muy bien en KDE y GNOME. Quanta Plus - Aplicación KDE que se aplica con KDE. Todos ellos apoyan la edición visual, llamada WYSIWYG (lo que ves es lo que obtiene, lo que ves, entonces obtienes), en un compartimento con capacidades de edición de código avanzada. Estos editores pueden trabajar con HTML, JavaScript, hojas de estilo en cascada (CSS) y otros lenguajes y scripts de Markup. También es posible administrar sitios web y proyectos web, incluido el soporte de CVS.

Vemos que estos programas son muy similares, por lo que tenemos que asignar características brillantes de cada una. En este artículo, me centré en cómo el editor web ayuda a escribir códigos HTML, CSS y etiquetas DIV. Cada programa tiene características adicionalesque puede abordar sus necesidades.

Probé cada programa con el Marco Spry de Adobe (lanzado bajo la licencia BSD), que le permite agregar AJAX (JavaScript y XML asíncrono y XML) al sitio web. El marco de Spry incluye un conjunto de scripts de JavaScript y hojas de estilo. Usando y modificando SPY Los widgets requieren una edición fácil de editar HTML y CSS. Esto hizo un compañero spry adecuado para mis pruebas. En estos editores de Troika, presté especial atención a las funciones que solicito en aplicaciones comerciales para diseño web, por ejemplo, etiquetas de cierre automáticas, eligiendo los parámetros de la etiqueta. (Marque la etiqueta y el editor le ofrece una lista de los posibles parámetros y valores), Soporte para los archivos CSS y JavaScript adjuntos.

CAMBLE COPE CON MUT La mayoría del trabajo relacionado con la creación y edición de una página web. Cuando crea una nueva página, Screem le pedirá que ingrese la información básica y, a continuación, ayudará a personalizar los elementos principales en las etiquetas de la cabeza y del cuerpo.

Me complació cómo Screem simplifica la edición. Por ejemplo, cuando reemplacé el pedido de la lista ordenada de una lista ordenada en un TEG de cierre desordenado, cambió automáticamente. Cuando el conjunto de códigos, aparece una lista de parámetros posibles. Después de seleccionar lo que necesita, TEG se cerrará automáticamente. También tiene un asistente de creador de CSS conveniente, gracias a los cuales se pueden insertar las propiedades seleccionadas entre las etiquetas de estilo o tomarla en una hoja de estilo separada.

La interfaz de marco contiene 2 barras de herramientas: el panel principal para las operaciones principales (archivos de apertura, impresión y edición) y el panel asistente en el que se ubican 9 botones para nueve ayudantes. Con ellos puede agregar y configurar diferentes artículos: colores, formas, enlaces, imágenes y tablas.

Izquierda también tiene panel lateralque puede mostrar 5 ventanas:

Archivos;

Árbol de documentos, conveniente para navegar por las páginas en el sitio editable;

Lista de parámetros que cambian dinámicamente según la etiqueta divergente;

Símbolos para trabajar con SI-TAGS, en su caso en su sitio web.

SAPPORTE SOMPORTES 4 TIPOS DE PANTALLA DE PAJA PAGO:

en forma de código, nada más como la ventana de edición habitual;

en forma de un árbol, una copia del árbol de documentos que se muestra en la barra lateral;

vista previa - Muestra cómo se verá la página en el navegador. Una desventaja: los elementos esprutivos basados \u200b\u200ben JavaScript no se muestran;

en forma de enlaces, un diagrama en el que se muestra como las otras páginas del sitio asociadas con la corriente y su estado.

Un poderoso editor HTML está oculto en la interfaz simple de la caja. Solo me gustaría que sea más fácil ser instalado bajo KDE. Probé la sármola en Ubuntu LiveCD para evitar compilar y descargar las bibliotecas de GNOME requeridas para trabajar en este editor a KDE. Y de todos modos, el reclamo es un ejemplo vívido de una aplicación que se enfrenta perfectamente a la tarea seleccionada utilizando al mismo tiempo características adicionales. Si está usando GNOME, entonces la chamita puede venir a usted. Si usa KDE u otro entorno, tendrá que cargar bibliotecas adicionales para trabajar con este editor.

Bluefish

El editor de Bluefish es en gran medida más difícil que el reclamar, pero es más versátil. Además de HTML y CSS, le permite editar C, Java, Perl, Python, XML y varios otros idiomas. Para trabajar con HTML y CSS, este editor es similar a las capacidades de la partitura. Sin embargo, a diferencia de este último, Bluefish no ofrece una lista de parámetros de etiqueta para elegir, y tampoco cambia la etiqueta de cierre cuando cambia la apertura de apertura.

Sin embargo, Bluefish está bien organizado y fácil de usar. A través del menú Etiquete, puede seleccionar una etiqueta y aplicarla al texto seleccionado o simplemente insertar las etiquetas si el texto no está resaltado. Las etiquetas en el menú se dividen en 9 categorías: Titulares, especiales, formateo, formato de contexto, formato general, tabla, lista, forma y diferentes. El menú "Diálogos" proporciona varios cuadros de diálogo (análogo de ayudantes en marceta) para realizar diversas tareas: agregar referencias, tablas, formas o estilo CSS. En los diálogos, ingresa o selecciona los valores de parámetros de la lista para las diferentes etiquetas que se insertará a Bluefish en el documento. A través de los diálogos también se producen. configuración inicial Documento agregando etiquetas META, enlaces a tablas de estilos, etc. El menú no depende del contexto, es decir, si edita un archivo Python, seguirá proporcionando funciones para trabajar con HTML.

Bluefish tiene un asistente conveniente para crear miniaturas. Con él, puede crear fácilmente una vista previa de cualquier imagen, conveniente si desea organizar un álbum de fotos en línea en su sitio. Este asistente se escala el tamaño de la imagen a la proporción especificada o en el porcentaje y agrega automáticamente una imagen y etiquetas para referencia.

Bluefish es un editor HTML muy capaz, especialmente si tiene que escribir mucho en PHP, JavaScript, Java y otros idiomas admitidos. Toda la edición en Bluefish está sucediendo esencialmente a través del menú, lo que hace que no sea tan interactivo como el reclamo, lo que hace lo mismo, pero dinámicamente, mientras escribo. Sin embargo, las capacidades de Bluefish van mucho más allá de la edición de HTML y CSS simple. Además, se instala sin problemas y comienza tanto en KDE como debajo de GNOME.

Quanta plus.

En Essence, Quanta Plus es el editor de código. Él tiene algunas capacidades de WYSIWYG, pero no son tan útiles, ya que puede parecer a primera vista. Valió la pena la mesa en una pequeña página web, ya que una vista previa dejó de funcionar. Me sorprendió un poco, así que al mismo tiempo se cargó una página más compleja, y su vista previa se mostró normalmente. Pero incluso cuando la vista previa funciona bien, entonces hay suficiente apoyo extraño para la edición de WYSIWYG. Por ejemplo, cuando presiona la tecla "ENTER", se inserta una etiqueta de ruptura, en lugar de la etiqueta del nuevo párrafo. Lo mismo sucede cuando se edita la lista al presionar la tecla "Enter", la idea debe crear un nuevo elemento de la lista. En general, la vista previa es mejor usar para ver el resultado, y no para la edición directa.

Si no debe tener en cuenta todo lo anterior, Quanta Plus es un editor de código verdaderamente poderoso. Su interfaz es mucho más complicada que Bluefish, pero la tarea principal de Quanta Plus sigue siendo la edición en la web. Este editor admite la selección de sintaxis, scripts y lenguajes de marcado. Al igual que en Bluefish, si el menú está diseñado para trabajar con un idioma, entonces el trabajo con este menú no afecta el código escrito en otro idioma. Quanta Plus permite a los usuarios crear su propia barra de herramientas para trabajar con un idioma específico.

De nuevo, como en bluefish, creando nueva pagina Es mejor comenzar con el menú de etiquetas donde puede encontrar un cuadro de diálogo para crear una estructura básica (meta-etiquetas, encabezado de documentos, etc.). A través del menú Etiqueta, simplemente puede insertar una etiqueta o abrir un cuadro de diálogo para la configuración de etiquetas con varios parámetros. En mi opinión, lo más importante es que Quanta Plus ofrece seleccionar los parámetros de la etiqueta y los valores de estos parámetros en el proceso de obtener el código. En Bluefish, falta esta característica como tal, y la screem ofrece seleccionar solo el parámetro, pero no su valor.

Uno mas característica cómodaCuando inserta una etiqueta que generalmente contiene etiquetas conectadas, Quanta Plus agrega automáticamente este último. Por ejemplo, cuando insertó una lista solicitada en etiquetas, el editor agrega automáticamente las etiquetas de apertura y cierre para un elemento de lista y cierre el pedido de la lista ordenada.

El control CSS en Quanta Plus es ligeramente confuso, ya que se lleva a cabo por dos cuadros de diálogo. Pero si lo resuelve, la edición de CSS se volverá muy simple. Para crear un estilo CSS, primero debe abrir el cuadro de diálogo "Selector de CSS" para determinar el elemento al que se aplicará el estilo. Luego, haga doble clic en el cuadro de diálogo "CSS Selector", en el siguiente cuadro de diálogo "CSS Editor", en el que ya puede especificar todos los parámetros de estilo. Como resultado, obtenemos el código CSS perfectamente formateado.

Quanta Plus es el editor más difícil de los tres en consideración, pero al mismo tiempo lo más capaz. No puede, sino que se regocija, la capacidad de configurar la interfaz Quanta Plus a sus necesidades. Este editor ofrece todo lo que necesita e incluso más para satisfacer las necesidades de los usuarios que participan en la escritura y la edición de un código HTML y CSS. Para aquellos que usan GNOME, Quanta Plus deberán descargar bibliotecas adicionales, pero vale la pena. Los usuarios de KDE no tendrán tales dificultades, porque este editor está integrado en KDE.

Mi simple consejo: use Quanta Plus para editar archivos HTML y CSS. Para aquellos que no buscan caminos ligeros, ofrezco las siguientes opciones:

Si usted es un usuario gnome, luego coloque el recinto marrón. Es un simple, rápido y suficiente. editor poderoso Para la edición web. Sin embargo, él, en contraste con Bluefish y Quanta Plus, no ofrece grandes oportunidades para trabajar con idiomas que no tienen una relación directa con la edición en la web;

Si usted es un GNOME de usuario y necesita grandes oportunidades, instale Quanta Plus descargando bibliotecas adicionales;

Si usted es un usuario de KDE y necesita un editor de código, Quanta Plus es su elección. No preste atención a las funciones de WYSIWYG y use toda la potencia de edición, especialmente para CSS;

Para los usuarios de XFCE, Quanta Plus funcionará bien. La chirria requerirá bibliotecas adicionales;

Y finalmente, si usted es un usuario gnome y necesita amplios oportunidadesPero no desea instalar bibliotecas adicionales para trabajar con Quanta Plus, luego Bluefish está diseñado específicamente para usted.

Es bueno que haya al menos tres solicitudes dignas para desarrollos web bajo Linux. Screem, Bluefish y Quanta Plus no son tan completos como el líder en esta área Adobe Dreamweaver, pero cerca de ella lo suficientemente cerca. Quanta más virtualmente analógica Dreamweaver. Teniendo en cuenta el hecho de que el precio de este último es bastante alto, y no es compatible con Linux de forma predeterminada, los tres descritos son una excelente opción. Además del hecho de que son gratuitos, estos editores también reciben un excelente resultado de sus usuarios.

Si te gustó el artículo, compártelo con amigos:

Cada uno de nosotros es más tarde o más tarde, hay un deseo de transmitir sus pensamientos, sentimientos, experiencias a otras personas. Y en la era de Internet más. manera simple Haz que sea quizás tu propia página web. ¿La pregunta es solo con qué hacerlo?

[Sergey Supruunov (Amsand en Rambler Dot RU)]

Si hace una pregunta similar sobre algunos de los foros, con una alta probabilidad, atacará dos recomendaciones diametralmente opuestas: "compilar" todo en un editor de "que WYSIWYG) Tipo Dreamweaver o que se ejecute de cualquier editor como desde el fuego y haga Todo exclusivamente en Notepad / VI / Emacs.

Ya que es característico de los extremos, está en ellos que estas u otras deficiencias del método se manifiestan más claramente, la debilidad del control sobre el código recibido en el primer caso, y una proporción extremadamente grande de trabajo "malo" en otro . Por lo tanto, no es maravilloso que el nicho entre los dos polos no sea de ninguna manera vacío, y los desarrolladores de sus editores HTML hacen todo el poder de hacer amigos con el teclado de la manera más óptima.

Y es la conveniencia del conjunto de "manual" de un código HTML sin perder el control durante el resultado y será clave al comparar tres editores web más populares en Linux - Screen, Quanta Plus y Bluefish. Aunque su relleno funcional tampoco se ignorará. Para la integridad de la imagen, muchos editores típicos de WYSIWYG: el editor de "referencia" de AMAYA es ampliamente conocido en los estrechos círculos NVU.

Utilizado para las pruebas dISTRIBUCIÓN UBUNTU. 6.06 LTS con GNOME 2.14.1, por lo que las aplicaciones basadas en GTK recibieron algunas probabilidades. Todos los editores se instalaron a partir de repetitivos en el modo "AS", sin esfuerzos para rusificar, ampliar la funcionalidad debido a los complementos, etc. no adjunto.

Considera:

• Bluefish 1.0.5.
• Quanta plus 3.5.2
• CAMPA 0.16.1

Fuera del concurso:

• AMAYA 8.5.
• NVU 1.0 (20060508)

Amaya.

Igualdad en W3C.

Comencemos nuestra consideración del editor visual - Amaya. No porque sea tan maravilloso, sino porque está siendo desarrollado por la organización W3C. Para ser más precisos, es principalmente un navegador con características de edición muy desarrolladas.

Es muy posible usar como editor (es posible editar y directamente el código fuente, sin embargo, sin delicias especiales), pero solo un pequeño detalle arruina todo, bueno, no quiere introducir símbolos domésticos, y eso es todo. . Exhibir archivo listo - Por favor, elimine - con alegría. Y entra - no. Es decir, absolutamente ninguna reacción a las llaves cuando se incluye el diseño ruso. Esa es una interfaz moralmente obsoleta de todo el vino, o un afecto excesivo de los desarrolladores a ASCII. Pero de una forma u otra, y los codificadores web nacionales no serán demasiado acogedores.

Así que déjalo el papel de un "navegador de referencia" y procede a considerar a los principales solicitantes de la victoria.

> En él, puedes ver el resultado, pero es claramente débil para la edición ...

Tiene todas las posibilidades de ser ideal para la versión 1.0.

La primera impresión de la screem es "solo editor\u003e. La ventana de trabajo se rompe en tres campos, en el campo de entrada correcto, los errores y las advertencias se muestran en la parte inferior, y la izquierda de varias pestañas que facilitan la navegación en El documento, trabaja con archivos, etc. Me pareció una pestaña de árbol especialmente útil, muestra la estructura del árbol: haga doble clic en, por ejemplo, la línea de la cabeza se resaltará en el campo Editar de todo el código relacionado con el título.

Desde el editor de texto habitual, obviamente es necesario para distinguir el trabajo avanzado con las etiquetas HTML. En este caso, el "Avance" es resaltar la sintaxis, la capacidad de ingresar una etiqueta en particular seleccionándola en el menú (es muy conveniente para insertar etiquetas meta y una cadena de DOCTYPE literalmente un par de clics) y en el AutoDopping / Consejo de las etiquetas ingresadas (incluyendo argumentos).

Otra característica es un cierre semiautomático de etiquetas "par". "Semi-" porque tiene que hacer algún tipo de acción antes de que aparezca la etiqueta de cierre, a saber, para obtener una secuencia ""introducido en el piloto automático, se convierte inesperadamente"Título\u003e.

Pero, lamentablemente, no se proporcionan "teclas de acceso rápido" para ingresar a las etiquetas rápidamente. Pero como compensación, la capacidad de seleccionar la izquierda en la pestaña "Recursos" e inserte cualquier doble clic. Una pestaña "Atributos" le permitirá mirar todos los atributos disponibles en la etiqueta dedicada, y cambiar cualquiera de ellos.

Bonita característica útil - Compruebe HTML SINTAX (Herramientas\u003e Herramienta\u003e Menú ordenado (HTML)). A continuación, en la pestaña "Error", recibirá información sobre todos los errores encontrados (por ejemplo, etiquetas no existentes) y advertencias. Bajo la última categoría, desafortunadamente, todos los símbolos cirílicos se diagnostican con "código de carácter no válido", que es un poco litto la salida.

Para ingresar etiquetas "complejas", como dibujos, referencias, tablas, formularios, hay diálogos de parámetros de entrada (llamados "asistentes"). Por cierto, resulta, es bastante conveniente de usar para insertos SSI, especialmente cuando la esclerosis se borra una vez que sea familiar para el dolor de la combinación de vigas ...

"Asistente" Conveniente para insertar e imágenes: elija en un cuadro de diálogo estándar el archivo deseado., pregunte una firma alternativa ( atributo alt.) - Y tiene una etiqueta IMG con valores de altura y anchura automáticamente colocados. Otros atributos, tipo de alineación, cambian fácilmente utilizando la pestaña anterior del mismo nombre. También preste atención al "Asistente de color", una herramienta muy conveniente de selección de color.

De las funciones de servicio: verificación ortográfica, agrupando múltiples páginas a proyectos (aquí se llaman "sitios"), soporte para CVS, publicación de proyectos utilizando FTP. Se puede ver en la página de enlaces en el diagrama (por o seleccionando "Ver\u003e Vista de enlace" en el menú) e inmediatamente vea cuál de ellos es interno, lo externo, y que generalmente conduce a ninguna parte. De manera similar, el software se enciende en modo de vista previa. Si lo desea, puede usar y ver en un navegador externo.

Bueno, una ayuda bastante detallada y bien ilustrada le permitirá dominar al editor no solo por el método de "Tyka científico".

Así que podemos decir que este "Just Editor" es en realidad una herramienta bastante conveniente y funcional. Aunque la falta de llaves en caliente para insertar las etiquetas y la extraña implementación de la etiqueta final en la etiqueta final se forzan casi todo manualmente, o recurren a la asistencia del mouse con más frecuencia de lo que me gustaría cuando me gustaría "rápido".

>La mitad rusiva, y de lo contrario, muy buena!

>La exhibición de los enlaces se ve solo una pesadilla ... pero a veces no puede hacerlo sin él.

"Star" KDE, honestamente tratando de trabajar en gnome ...

Quizás el mejor editor HTML basado en QT, y en general, uno de los mejores. El modo principal de operación es la edición de código manual, aunque también hay un modo visual, así como un "combinado" único cuando el campo de trabajo se rompe en dos: en la parte superior, cómo se verá la página; A continuación se muestra el código fuente. Y puede editar la página y allí, y allí, todos los cambios se sincronizan automáticamente. Es decir, insertando el código, usted ve inmediatamente el resultado, o viceversa: coloque la transferencia de la línea, puede ver de inmediato cómo se realiza esta etiqueta.

Las teclas de acceso rápido predeterminadas no se asignan a todas las etiquetas, pero, como debe esperar de una aplicación típica de KDE, totalmente personalizable. AUTODOCARGADO (como en el reclamo, reaccionando solo a los símbolos en la caja superior) y las indicaciones de parámetros se operan en "Hurray". A diferencia de la vitrina, el cierre automático de las etiquetas se implementa con gran éxito: la etiqueta de cierre se inserta inmediatamente después de la abertura, y el cursor se establece entre las etiquetas. Del mismo modo, el editor se comporta al insertar una etiqueta en tecla calienteEso le permite prácticamente no distraerse con el posicionamiento del cursor durante el conjunto. El único momento controvertido: si hay una etiqueta de atributos obligatorios, la tecla de acceso caliente abre un cuadro de diálogo para ingresar. Con un set rápido, lo distrae, y tiene que negarse completamente a usar las teclas en caliente para tales etiquetas.

Aunque en algunos casos los diálogos son útiles, especialmente "diálogo de inicio rápido", creando nuevo documento E insertar una plantilla de página HTML estándar. Para las tablas hay dos opciones para crear (frotar la entrada de la mano puramente y la compilación visual): "Editor de tabla", que le permite completar la tabla directamente en el cuadro de diálogo, e ingrese las etiquetas.

Es muy conveniente trabajar con estilos de elementos individuales (botón CSS en la pestaña Estilo). Pero las funciones para crear una tabla CSS, similares a la de Screem o Bluefish, no lo encontré en la entrega "predeterminada", desafortunadamente.

En la ventana de edición, me gustó la función "Cortar" del código cuando todas las filas correspondientes a, digamos, la tabla, la inserción PHP o el elemento DIV se pueden enfriar en una línea, esto le permite ocultar innecesario y concentrarse en si sobre lo que hay que hacer.

A la derecha e izquierda del campo de edición, puede encontrar barras de herramientas auxiliares. El derecho es responsable de llamar a la ayuda y detrás del campo Attributo de la etiqueta HTML que realiza funciones similares a la pestaña Atributos en Screem - I.E. Permitiendo ver la lista de atributos de cualquier etiqueta a la que se instala el cursor y cambie el valor de cualquiera de ellos.

A la izquierda están los botones de llamada de árbol de directorios (a diferencia de la vitrina, arrastrando el archivo en el campo Editar funciona de manera más inteligente, insertando un nombre de archivo no simple, pero, dependiendo de la situación, completamente etiqueta , Etc.), el trabajo con el proyecto, las plantillas, la estructura del documento (doble clic también le permite seleccionar el fragmento completo del código invertido en este elemento), los scripts auxiliares.

En el menú "Plugins", encontrará una serie de programas útiles relacionados con la edición del código HTML: verificando el rendimiento de los enlaces, la herramienta para trabajar con tarjetas de imagen, herramientas CVS. Es cierto, dado que cuanto más se centran en el entorno KDE, hay poco en Gnome.

La personalización del editor es simplemente increíble: solo mire el menú "Configuración". Puede ajustar casi todo: barras de herramientas, programas externos, teclas de acceso rápido, la apariencia del propio editor, los modos de vista previa ... en general, en Quanta, es bastante difícil encontrar algo que sea incómodo de forma predeterminada, e incluso a Haz que sea imposible cambiar de acuerdo a sus hábitos y preferencias.

Por lo tanto, Quanta Plus (incluso dado el hecho de que las pruebas se llevaron a cabo en el entorno de GNOME y algunas funciones fueron inoperables), logró una gran impresión. Su potencia, flexibilidad y personalización pueden cumplir con los requisitos de los codificadores web de mayor alcance, independientemente de su nivel de preparación.

>Casi nada de qué quejarse. E incluso el diseño pronunciado "con estilo para" él puede perdonar ...

>Atributos a la derecha, cortador del código a la izquierda ... ¿es posible desear más?

El principal contendiente para el liderazgo en la categoría "para gnomo"

Uno de los editores más maduros basados \u200b\u200ben GTK. El diseño de la ventana es bastante estándar, en la parte superior de la barra de herramientas, separados en varias pestañas; Izquierda tres pestañas (árbol de directorio para trabajar con archivos, ayuda, marcadores); Campo de edición correcta. Además del menú principal con el conjunto tradicional de artículos, hay un menú personalizado (debajo de la barra de herramientas), con la que puede realizar una inserción rápida de los fragmentos de "plantilla", como la cadena DOCTYPE, las etiquetas META, los comentarios, Cualquier etiqueta pareada y única (el nombre se puede establecer en cualquiera), etc. Además de HTML, puede insertar algunos comandos PHP, SQL, Etiquetas de DocBook, un par de fragmentos estándar para configurar Apache (responsable de la autenticación básica y una prohibición en la apertura de archivos INC) e incluso algo en C. Es decir, en Además de los archivos HTML, Bluefish, también está tratando de facilitar su sufrimiento al escribir una configuración típica .htaccess SI al desarrollar las inserciones de PHP más simples. Al seleccionar "Menú de usuario" Editar Menú ", es muy fácil establecer cualquier plantilla que necesite.

Además de las "Etiquetas" de menú bastante extenso, lo que permite insertar casi cualquier etiqueta, se pueden encontrar muchas cosas interesantes en los "diálogos" vecinos, donde las operaciones que requieren la entrada de parámetros adicionales y permiten que uno habitable los grupos enteros de elementos. Por ejemplo, el encabezado del documento "General" (OR) insertará inmediatamente el marco de la página HTML futura, con titulares, etiquetas metálicas y pieza de trabajo debajo del cuerpo de la página. Del mismo modo, puede insertar un espacio en blanco para una mesa, marcos ( A continuación, se conoce como "inserciones"), etc..

La pestaña CSS merece una mención por separado, al menos encontrará solo tres botones. El segundo y tercero, para la rápida inserción de las etiquetas de lapso y div. Pero lo primero le permite crear completamente tablas estilizadas. Incluso si no recuerda la décima parte de los parámetros posibles y sus valores, no funcionará ningún trabajo para seleccionar el deseado de la lista desplegable y simplemente pegar en la tabla que se está creando. El botón "Color" en el cuadro de diálogo le permite configurar el color (donde se requiere), solo un ratón clumoso al deseado.

No hay una finalización automática de entrada para las etiquetas, ni para sus parámetros, solo la luz de fondo de la sintaxis (y luego, primero debe especificar el tipo de documento "HTML" en el elemento del menú: de forma predeterminada, el Editor se abre en texto sin formato modo). Lo único que realiza automáticamente es el cierre de las etiquetas de par (puede desactivar, como la luz de fondo).

Para un conjunto rápido, la mayoría de las etiquetas tienen combinaciones clave más memorables (aunque no siempre son convenientes para usar). Encuentre dónde puede cambiarlos, fallé, a pesar del elemento ocupacional en el menú "Edición": "Guarde las teclas de acceso directo".

Una característica interesante de trabajar con miniaturas de imágenes: seleccione un archivo y, enfocándose en la vista previa, el "corredor" habitual establece el tamaño deseado. La herramienta de selección de color también será útil ("Diálogos" común "Color"): ask el mouse en la sombra que le guste, y se insertará una representación hexadecimal en el código para cerrar el cuadro de diálogo.

Hay soporte para proyectos, control de ortografía, interacción con programas externos (COMPILADOR JAVAC, comprobación de la sintaxis HTML, recodificando los símbolos de configuración de la cadena DOS2UNIX; En la configuración es bastante fácil conectar su propio controlador). Ver el resultado es posible solo en un navegador externo.

En general, la impresión de algún inacabereza fue la impresión, aunque el potencial del editor es enorme. Especialmente les gustó las oportunidades para construir la funcionalidad por programas externos. Una buena impresión dejó el menú del usuario, con el que es fácil reducir la mayoría de las operaciones de rutina a varios relojes. Pero los principiantes serán muy faltan de parámetros de AutoDopping y Tiping. El veredicto es un buen editor para profesionales que no están acostumbrados a un lujo excesivo, sino tener sediento para automatizar acciones típicas.

>La retroiluminación limpia y los paneles personalizados le permiten trabajar con casi cualquier código que pueda ser necesario al desarrollar un sitio web.

> Un diálogo para crear una tabla de estilistas: el resultado se agregará al campo Editar.

Nvu

Si elige este editor WYSIWYG, olvídese de la edición manual

Esta es la creación de Linspire, ya que es normal utiliza el régimen visual, como se espera del programa "orientado al usuario". Sin embargo, las pestañas en la parte inferior del espacio de trabajo son muy fáciles de cambiar al modo de edición del código fuente. Aquí está la vista previa y el modo, llamados "etiquetas HTML", cuando están en la página (como se verá en el navegador), la "Etiqueta" se impone en cada elemento, mostrando qué etiqueta para este artículo se responde. Es bastante conveniente para el rápido análisis del Código de otra persona, no encontré otra solicitud a este régimen.

El trabajo en modo visual no es muy diferente de eso en el procesador de texto habitual, como el escritor o el Abiword. Sí, y aceptamos navegar principalmente en la edición de "manual".

Curiosamente, pero al cambiar al modo manual, los botones de la barra de herramientas y los elementos del menú responsables de ciertas etiquetas están bloqueadas. Ningún cumplimiento automático, el resaltado de sintaxis mínima que no se extiende al texto recién ingresado ... En general, "tomó un hombre, no diga que no sea un duque", y una vez no le gusta el modo visual, Así que consigue el bloc de notas habitual. Como el Editor de código fuente NVU no brilla (y no está destinado a esto), así que en su revisión y completado ...

Resultados

Elija el mejor editor HTML resultó ser un asunto difícil. Bluefish en el entorno GNOME se siente como un pez en el agua (solo no necesita chistes sobre el color, ¿de acuerdo?) Sin embargo, para la victoria incondicional, todavía está careciendo de funcionalidad. Sin embargo, para aquellos que están acostumbrados a trabajar en un cuaderno, será una opción cercana al ideal: es completamente discreto (incluso casi deteriorado), pero al mismo tiempo, siempre listo para llegar a su ayuda.

CAMBA, A pesar del número de la versión pequeña, casi nada se retrasa detrás de Bluefish, y en algunos lugares incluso por delante. Un poco de equipo automático extrañamente implementado de etiquetas pareadas a veces interfiere con el trabajo, y la falta de llaves calientes para las etiquetas se convertirá en un profundo desaliento de aquellos que esperaban descartar el mouse, pero al mismo tiempo no ingresar a todos sus manos.

Bueno, Quanta Plus, incluso al estar en un entorno no rígido, demostró la combinación más armoniosa de las funciones de "ayuda" y la conveniencia de un trabajo rápido. La capacidad de configurar casi todo será indispensable para los amantes de "caminar alrededor", aunque las teclas de acceso rápido predeterminadas y la composición de la barra de herramientas se seleccionan lo suficiente. En general, el líder incondicional en este momento fue el "alienígena del planeta KDE" como el editor HTML más maduro y reflexivo, por el cual reciben los laureles del ganador.

> No puedes decidir cómo editarte mejor el sitio: manual o visualmente? ¡Con Quanta Plus, no necesita romper entre dos modos de trabajo!

Características de la tabla de resumen

Notas:
* - Con la ayuda de un programa externo, Cervisia.
** - nededactive

Sergey Suprunov (AMSAND en Rambler Dot RU) - Editores HTML

Actualización (20170929): Para el año pasado, usé un increíble IDE Pinegrow (https://pinegrow.com), y lo recomiendo sinceramente. Bluegriffon, que mencioné a continuación en mi respuesta hace unos años, anticuado Y lejos detrás de pinegrow en desarrollo.

Recomiendo bluegriffon. Es gratuito, multifuncional, trabaja en todas las plataformas principales y tiene muchas buenas adiciones, algunas de las cuales son comerciales. Tengo un complemento CSS (comercial), y estoy muy satisfecho con ellos. Usé Kompozer antes de encontrar a Bluegriffon. Recuerdo que Amaya no pudo competir con estos dos.

Una buena alternativa es eclipse con un complemento WYSIWYG, como el proyecto de herramientas "JavaServer Faces (JSF)", que forma parte de Eclipse WebTools.

Xian

Desafortunadamente, BlueGriffon no es estable: tan pronto como hago clic en el mouse en algunas partes del panel de control, ocurre con un error de segmentación.

usuario1908895

Desafortunadamente, Blue Griffon no está abierto. código fuente Y no es gratis. Oh, puede descargar el archivo ejecutable y la fuente está disponible. Pero se asoció con cualquier funcionalidad útil. Debe comprar complementos con un código fuente cerrado para hacer que un programa sea trabajable. Además, parece que abandonó a los usuarios de Ubuntu de 32 bits. Tengo razones de negocios para mantener a su empresa en 12.04Lts, siempre y cuando estemos en los tontos. Finalmente, la negativa de Mozilla de la API XUL significa que este programa, junto con todos los demás que usan la API XUL, morirá. No es un producto para pasar su tiempo. John

Fakhim Mitha

Necesitaba hacer una edición rápida y sucia una página HTML, y un archivo binario que descargué desde el sitio de Bluegriffon trabajó para mí (Debian Jessie). Sin embargo, no está disponible para Debian / Ubuntu, aunque en