Cyber Monday Sale 40% off unlimited courses & creative assets! 40% off unlimited assets! Save Now
Advertisement
  1. Computer Skills
  2. Productivity

Consejo rápido: Configurar TextEdit para codificar HTML

by
Read Time:4 minsLanguages:

Spanish (Español) translation by Marilu (you can also view the original English article)

Si, como yo, estás empezando a meterte en el HTML y el diseño web, puedes sentirte un poco perdido a la hora de elegir un editor de HTML. Puede ser un poco aprensivo gastar dinero en una aplicación de codificación si eres nuevo en el HTML y todavía te estás mojando los pies. Por suerte, OS X viene con un gran editor de HTML incorporado. Veamos cómo puedes configurar TextEdit para que sea un editor HTML básico.


¿Qué es TextEdit?

Como su nombre indica, TextEdit es un editor de texto básico que se incluye en el paquete de aplicaciones de tu Mac, junto con Safari, la suite iLife y muchas más. Aunque TextEdit está pensado principalmente para ponerte en marcha con la posibilidad de escribir texto básico, con sólo unos pocos cambios en las preferencias puedes convertir TextEdit en un editor HTML básico, y no necesitas invertir más de lo que ya tienes en tu Mac.

Si intentas abrir un archivo HTML dentro de TextEdit tal y como está, verás que TextEdit muestra realmente el archivo tal y como se vería dentro de un navegador web. Es decir, TextEdit lee las etiquetas HTML del texto así como el formato CSS de esas etiquetas y te muestra la página formateada resultante.

Rendered HTML Code in TextEditRendered HTML Code in TextEditRendered HTML Code in TextEdit
Código HTML renderizado en TextEdit

Esto es bueno para ver cómo se vería la página, pero para poder trabajar y editar el código HTML, necesitamos decirle a TextEdit que no renderice las etiquetas HTML y que nos muestre el código en bruto.


Preferencias de TextEdit

Si vas a las preferencias de TextEdit yendo a TextEdit > Preferences (Preferencias) verás todas las opciones disponibles. Hay dos pestañas principales en la parte superior, New Document (Nuevo Documento) y Open and Save (Abrir y Guardar).

La primera preferencia que tenemos que cambiar está en la pestaña de New Document (Nuevo Documento), en Format (Formato). Quieres establecer el formato a Plain Text (Texto Simple) marcando la casilla de verificación.

Setting The Format To Plain Text Will Prevent you From Accidentally Adding Rich Text Formatting To Your HTML Code.Setting The Format To Plain Text Will Prevent you From Accidentally Adding Rich Text Formatting To Your HTML Code.Setting The Format To Plain Text Will Prevent you From Accidentally Adding Rich Text Formatting To Your HTML Code.
Ajustar el formato a texto plano evitará que agregues accidentalmente el formato de texto enriquecido a tu código HTML.

El HTML, Hyper Text Markup Language, está escrito en formato de texto plano. El código HTML no tiene ningún formato de texto enriquecido como los caracteres en negrita o en cursiva. Comprobar esto le dirá a TextEdit que use solo texto plano para no añadir accidentalmente ningún formato de texto enriquecido al código.

A continuación, en la pestaña Open and Save (Abrir y Guardar), en When Opening a File (Cuando abra un archivo), marque la casilla "Display HTML files as HTML code instead of formatted text (Mostrar los archivos HTML como código HTML en lugar de texto formateado)".

TextEdit Will Now Show You The HRML Code Instead Of Rendering The Code.TextEdit Will Now Show You The HRML Code Instead Of Rendering The Code.TextEdit Will Now Show You The HRML Code Instead Of Rendering The Code.
TextEdit ahora te mostrará el código HTML en lugar de mostrar la página web.

Esto forzará a TextEdit a mostrarte el código HTML real en lugar de mostrarte la página y mostrarte el formato final como cuando abrimos el archivo HMTL hace un segundo.

Esos son los cambios que hay que hacer, ahora sólo tienes que asegurarte de dejar TextEdit y relanzarlo para que los cambios de preferencias surtan efecto.


Edición de HTML en TextEdit

Cuando reinicies TextEdit, notarás que la barra de formato ha desaparecido de la parte superior de la interfaz. Esto te permite saber que sólo estás usando un texto básico sin formato.

Si abrimos el mismo archivo que antes, verás que estamos viendo el código HTML real en lugar del código renderizado.

TextEdit Is Now Set Up For Basic HTML Code EditingTextEdit Is Now Set Up For Basic HTML Code EditingTextEdit Is Now Set Up For Basic HTML Code Editing
TextEdit está ahora configurado para la edición básica de código HTML.

Para crear un nuevo archivo HTML, se hace un nuevo documento como es normal. Sin embargo, cuando guardas el archivo tienes que añadir ".html" al final. TextEdit te preguntará si quieres usar esa extensión de archivo Haz clic en "Sí" y habrás creado un archivo HTML.


Conclusión

TextEdit es un gran editor HTML básico, pero puedes superarlo bastante rápido dependiendo de la velocidad a la que avances. Otros editores de HTML ofrecen funciones como la autocompletación y el cierre de tus etiquetas HTML, el informe de errores de etiquetas HTML, así como una serie de otras funciones útiles que no obtendrás en TextEdit.

Dicho esto, por el precio, que es gratis con cualquier compra de un Mac, TextEdit es la forma más rápida de poner en marcha la edición de HTML y el diseño web y a menudo una buena manera para que incluso los profesionales experimentados hagan un cambio rápido de algo.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.