--- title: "Vista de código" slug: "code-view" updated: 2026-08-24T09:22:43Z published: 2026-08-24T09:22:43Z canonical: "docs.document360.com/code-view" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.document360.com/llms.txt > Use this file to discover all available pages before exploring further. # Vista de código **La vista de código** te permite inspeccionar y editar el HTML subyacente de un artículo directamente en el editor avanzado WYSIWYG, dándote control sobre el marcado que el editor visual no puede exponer. ![](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/code%20view.png) --- ## ¿Cuándo se puede usar la vista de código? - Inyecta elementos HTML personalizados que la barra de herramientas visual no soporta - Aplicar estilos en línea a elementos específicos - Incrustar fragmentos de iconos de FontAwesome u otros - Corregir errores de etiquetas no soportadas señalados por el editor - Añadir símbolos o iconos en las celdas de la tabla - Buscar dentro de HTML usando `Ctrl + F` --- ## Acceso a la vista de código durante la edición colaborativa La **vista de código** está limitada a un colaborador por artículo a la vez. Si otro colaborador ya tiene la **vista de código** abierta, no puedes abrirla. Puedes seguir editando el artículo en el editor visual mientras esperas. Si ya usas **la vista de código** y otro colaborador se une al artículo, no podrás volver al editor visual usando el interruptor **de vista de código** . Para salir de **la vista de código**, **selecciona Cerrar** cerca **de estado de flujo de trabajo** y luego vuelve a abrir el artículo para seguir editando. La edición colaborativa se despliega en fases, así que si aún no la ves, está en camino. --- ## Formateo automático de HTML El editor estandariza automáticamente la sangría y el espaciado cada vez que abres la vista de código. Esto solo funciona al entrar — no al guardar o publicar — y no afecta a bloques HTML personalizados ni a bloques de script. ## Búsqueda en la vista de código Utiliza la búsqueda integrada para localizar elementos o textos HTML específicos dentro del código. | Acción | Atajo | | --- | --- | | Búsqueda abierta | `Ctrl + F` | | Siguiente resultado | `Enter` | | Resultado anterior | `Shift + Enter` | | Auto-indentación / código de formato | `Shift + Tab` | --- ## Cambios en el guardado Los cambios en la vista de código no se guardan automáticamente. Pulsa `Ctrl + S` antes de volver al editor visual o alejarte. NOTA Los cambios no guardados en la vista de código se perderán si navegas sin hacer clic **en Guardar**. --- ## Etiquetas y atributos HTML no soportados El editor marca etiquetas y atributos HTML no soportados en lugar de eliminarlos, para que puedas revisarlos y corregirlos. #### ¿Cuándo ocurre esto? - Al cambiar un artículo del editor WYSIWYG al editor avanzado WYSIWYG, el contenido no soportado se marca automáticamente. Las etiquetas más usadas como `<sup>`, `<a name="...">`, `<select>`, `<colgroup>`, y `<img>` se gestionan automáticamente. Estas etiquetas se ignoran durante la adición del envoltorio y no activan una bandera. - Cuando añades etiquetas o atributos no soportados directamente en la vista de código, el editor los marca al analizar analizando. #### Qué hace el editor - Detecta etiquetas no soportadas (por ejemplo, `<marquee>`, ) `<blink>`y atributos (por ejemplo, `onmouseover`, `style="text-decoration:blink"`) - Marca los elementos marcados con descripciones emergentes y bloquea los resaltados sin interrumpir el contenido que lo rodea - Bloquea la edición visual de elementos marcados hasta que se resuelva en la vista de código NOTA Los elementos marcados pueden modificarse, eliminarse o corregirse directamente en la vista de código. --- ## Categorías de etiquetas soportadas **Formato de texto** - Abreviaturas (`<abbr>`) - Cita bloqueada (`<blockquote>`) - Encabezados (`<h1>`–`<h6>`) - Párrafo (`<p>`) - Subíndice / Superíndice (`<sub>`, `<sup>`) - Código en línea (`<code>`) **Estructura y medios** - Imágenes (`<img>`) - Enlaces (`<a>`, `<a id="...">`, `<a class="..." href="" target="_blank">`) - Tablas (`<table>`, `<tr>`, `<td>`, `<colgroup>`) - Listas (`<ul>`, `<ol>`, `<li>`) - Divisores (`<hr>`) - Spans y divs con atributos soportados **Formato en línea** - Negrita, cursiva, subrayado (`<strong>`, `<em>`, `<u>`) - Salto-línea (`<br>`) - Tramo (`<span>`) - Nombre de la columna (`<a name="...">`) - Selección de forma (`<select>`) --- ## Mejores prácticas - Usa la vista de código solo cuando el editor visual no pueda realizar la tarea. La edición directa de HTML aumenta el riesgo de introducir etiquetas no soportadas o marcado roto. - Comprueba si otro colaborador ya está usando la vista de código en el artículo antes de intentar abrirlo tú mismo. Está limitado a un colaborador a la vez, así que puede que tengas que esperar o coordinarte con ellos primero. - Mantente en las etiquetas compatibles al escribir o pegar HTML. Las etiquetas no soportadas activan banderas y bloquean la edición visual de esa sección hasta que se corrija. - Lo uso `Shift + Tab` para reformatear código después de hacer editos, manteniendo el marcado legible y más fácil de depurar. - Guarda con frecuencia usando `Ctrl + S`, especialmente antes de cambiar de modo. No hay guardado automático ni recuperación por cambios no guardados. - Resuelve los elementos marcados rápidamente. Dejarlas sin resolver impide la edición visual del bloque afectado y puede causar problemas inesperados de renderizado al publicar.**