Editor HTML | Documentación de cPanel y WHM

Editor HTML

Válido para las versiones 82 hasta la última versión


Última modificación: 13 de mayo de 2020

Visión general

los Editor HTML La interfaz le permite editar fácilmente sus documentos HTML desde la Administrador de archivos interfaz (cPanel >> Inicio >> Archivos >> Administrador de archivos). Este editor HTML visual (WYSIWYG) incluye potentes funciones de edición de editores de escritorio familiares (por ejemplo, Microsoft® Word).

Nota:

  • Debido a la personalización, es posible que las capturas de pantalla de esta guía no coincidan Editor HTML interfaz que ves. La siguiente tabla enumera todas las funciones de la interfaz.
  • los Editor HTML La interfaz utiliza la funcionalidad CKEditor. Para obtener más información, lea el Guía del usuario de CKEditor.

los Editor HTML La interfaz ofrece las siguientes herramientas que le ayudarán a editar sus archivos HTML:

Ahorrar


– Guarda el archivo en el servidor.

Plantillas


– Selecciona una plantilla que se utilizará para estructurar su documento con formularios prediseñados. Cada plantilla incluye elementos como diseño de página, formato de texto y estilo.

Impresión


– Imprime el archivo.

Deshacer rehacer


– Deshaga o rehaga selecciones de texto en su contenido.

Encontrar y reemplazar


– Busque y reemplace selecciones de texto en su contenido.

  • Haga clic en el Encontrar para buscar en el texto cierto contenido.

  • Haga clic en el Reemplazar para buscar el contenido y luego reemplazarlo con contenido diferente que ingrese en el cuadro de texto.

Seleccionar todo


– Selecciona el documento completo, que luego puede cortar, copiar o eliminar.

Herramienta de formulario


– Inserte uno o más elementos de formulario (por ejemplo, casillas de verificación, cuadros de texto, campos de selección o botones). El contenedor del formulario debe contener todos los elementos del formulario. Los formularios pueden incluir los siguientes elementos:


  • – Una casilla de verificación permite a los usuarios seleccionar uno o más elementos de una lista dentro de un formulario.


  • – Un botón de radio permite a los usuarios seleccionar un elemento de una lista dentro de un formulario.


  • – Un cuadro de texto es un campo de una sola línea que permite a los usuarios ingresar texto.


  • – Un área de texto es un campo desplazable de varias líneas que permite a los usuarios ingresar texto.


  • – Un campo de selección es una lista desplazable que permite a los usuarios seleccionar una o más configuraciones.


  • – Un botón permite a los usuarios enviar un formulario completo.


  • – Un campo oculto es un campo que los usuarios no pueden ver, pero que el sistema envía al servidor con el formulario completo.

Herramientas de texto


– Cambia la apariencia del texto con la siguiente configuración:

  • Negrita

  • Cursiva

  • Subrayar

  • Tachado

  • Subíndice

  • Sobrescrito

Eliminar herramienta de formato


– Elimina el formato del texto seleccionado, pero mantiene el texto en sí. Si copió su contenido de una fuente externa y el formato no es coherente con el resto de su documento, haga clic en esta configuración para restablecer el texto al estilo predeterminado.

Herramientas de lista


– Crea una lista ordenada (numerada) o desordenada (con viñetas) en su contenido.

Herramientas de sangría


– Aumenta la sangría izquierda o derecha del párrafo seleccionado.

Herramienta de cotización en bloque


– Crea una cita en bloque para el texto seleccionado.

Div


– Crea un div contenedor alrededor del texto seleccionado.

Herramientas de alineación


– Formatea el texto o las imágenes seleccionados con la alineación a la izquierda, el centro, la alineación a la derecha o la configuración de justificación completa.


– Crea un enlace a un sitio web o archivo en su contenido. Si agregó un enlace que ya no necesita, resalte el enlace y use el icono de enlace roto para eliminarlo.

Herramientas de anclaje


– Crea anclas en su contenido para enlazar a otra sección dentro de su sitio web.

Herramienta de imagen


– Inserta una imagen en su archivo. Cuando usa esta herramienta, también puede navegar por el servidor y seleccionar una imagen de él, en lugar de su computadora local.

Insertar herramientas


– Agrega tablas, líneas horizontales, saltos de página y otros caracteres especiales a su contenido.

Herramienta Insertar contenido multimedia de varios sitios


– Inserta elementos multimedia, como videos de YouTube ™ y objetos Flash, en su documento.


– Establece el estilo de fuente para el texto seleccionado.


– Establece el estilo de párrafo para el texto seleccionado.

Herramientas de dirección de texto


– Establezca la dirección de su texto de izquierda a derecha o de derecha a izquierda.


– Establece la configuración de fuente para el texto seleccionado.

Nota:

Le recomendamos que utilice fuentes globales para asegurarse de que el estilo que establezca siga siendo el mismo.


– Establece el tamaño de fuente para su texto.

Herramientas de color


– Establece el color del texto, así como el color de fondo de su texto.

Minimizar


– Minimiza la interfaz para adaptarse a ventanas más pequeñas.

Mostrar herramienta de bloques


– Muestra una cuadrícula que separa los elementos a nivel de bloque con etiquetas HTML.

Fuente


– Muestra el código fuente del área de contenido.

Sobre


– Muestra información sobre el Explorador de archivos en el sitio web de CKEditor.

Insertar una imagen

Para insertar una imagen, realice los siguientes pasos:


  1. – Haga clic en el Herramienta de imagen en la barra de herramientas. El editor muestra el Propiedades de imagen interfaz. los Propiedades de imagen La interfaz incluye las siguientes pestañas:

    • Información de la imagen (predeterminado) – Establece la URL de la imagen y manipula cómo se muestra en el documento.

    • Enlace – Crea un enlace de imagen, que puede apuntar a, por ejemplo, otra página web o un documento.

    • Subir – Almacena sus imágenes en el servidor, donde puede recuperarlas sin su computadora local.

    • Avanzado – Configura los ajustes de la imagen (por ejemplo, asignaciones de ID, clases, información sobre herramientas o propiedades CSS).

      Nota:

      Debería solamente utilizar el Avanzado pestaña si comprende HTML y CSS.

  2. Confirme su configuración en el Avance interfaz y haga clic en OK.

Para obtener más información sobre Propiedades de imagen interfaz, lea el Guía del usuario de CKEditor.

Nota:

Si habilitó el Protección de Hotlink función y su lista de enlaces activos habilitados excluye su cuenta de dominio principal, es posible que no vea imágenes incrustadas. Agregue su dominio principal al URL para permitir el acceso lista para solucionar este problema.

Explorador de archivos

los Examinar servidor la configuración le dirige a la interfaz Explorador de archivos sección. Utilice esta sección para buscar, cargar y administrar imágenes en su cuenta de cPanel.

Esta interfaz incluye las siguientes secciones:

  • Barra de herramientas – Una serie de botones que ejecutan rápidamente funciones específicas del explorador de archivos.

  • Panel de carpetas – Organiza la jerarquía de carpetas para facilitar la navegación. Utilice las flechas para expandir y contraer los diferentes niveles jerárquicos.

  • Panel de archivos – Lista los archivos disponibles en la carpeta seleccionada.

  • Barra de estado – La sección en la parte inferior de la interfaz que muestra información sobre, por ejemplo, el archivo seleccionado o el número total de archivos en la carpeta.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *