Creación de una región editable de InContext Editing

Una región editable de InContext Editing consiste en un par de etiquetas HTML que incluye el atributo ice:editable en la etiqueta de apertura. La región editable define el área de la página que el usuario puede editar directamente en un navegador.
Nota: Si añade una región editable de InContext Editing a una página basada en una plantilla de Dreamweaver, la nueva región editable de InContext Editing deberá estar dentro de una región que ya sea editable.

  1. Siga uno de estos procedimientos:

    • Seleccione la etiqueta div, th o td que desee transformar en una región editable.

    • Coloque el punto de inserción donde desee insertar la nueva región editable en la página.

    • Seleccione exactamente una región editable en una plantilla de Dreamweaver (archivo DWT).

    • Seleccione el contenido de la página que desee convertir en editable (por ejemplo, un bloque de texto).

  2. Seleccione Insertar > InContext Editing > Crear región editable.

  3. Las opciones varían en función de la selección realizada.

    • Si ha seleccionado una etiqueta div, th o td, Dreamweaver transforma la etiqueta en una región editable sin necesidad de ejecutar ningún otro paso.

    • Si desea insertar una región editable nueva en blanco, realice una de las acciones siguientes:

      • Seleccione Insertar nueva región editable en el punto de inserción actual y haga clic en Aceptar. Dreamweaver inserta una etiqueta div en el código con el atributo ice:editable en la etiqueta de apertura.

      • Seleccione Transformar la etiqueta padre en una región si desea que Dreamweaver convierta la etiqueta padre de la selección en el elemento contenedor de la región editable. Sólo pueden transformarse determinadas etiquetas HTML: div, th y td.

        Nota: Esta segunda opción sólo está disponible cuando el nodo padre cumple exactamente los criterios de transformación. Por ejemplo, debe ser una de las etiquetas transformables enumeradas y no debe estar sujeta a ninguno de los errores indicados en Mensajes de error de InContext Editing.

    • Si ha seleccionado una región editable de una plantilla de Dreamweaver, haga clic en Aceptar en el cuadro de diálogo Crear región editable. Dreamweaver envuelve la región editable de la plantilla con una etiqueta div que actúa a modo de contenedor para la nueva región editable de InContext Editing.

    • Si ha seleccionado otro contenido que desea hacer editable, realice una de las siguientes acciones:

      • Seleccione Envolver la selección actual con una etiqueta DIV y transformarla después si desea envolver la selección realizada con una etiqueta div y convertirla en una región editable. La etiqueta div con la que Dreamweaver envuelve el contenido actúa como contenedor de la región editable.
        Nota: La adición de etiquetas div a las páginas puede alterar la visualización de las páginas y los efectos de las reglas CSS. Por ejemplo, si tiene una regla CSS que aplica un borde rojo alrededor de las etiquetas div, verá un borde rojo alrededor de la selección actual cuando Dreamweaver la envuelva con una etiqueta div y la transforme. Si desea evitar este tipo de conflictos, puede reescribir las reglas CSS que afecten a la selección actual o deshacer la transformación (Edición > Deshacer) y luego seleccionar y transformar una etiqueta admitida que Dreamweaver no tenga que envolver con una etiqueta div.

      • Seleccione Transformar la etiqueta padre en una región editable si desea que Dreamweaver convierta la etiqueta padre de la selección en el elemento contenedor de la región editable. Sólo determinadas etiquetas HTML se pueden transformar: div, th y td.

  4. En la vista Diseño, haga clic en la etiqueta azul de la región editable para seleccionarla si no se hubiera seleccionado aún.
    Nota: Si está trabajando en una plantilla de Dreamweaver, asegúrese de que selecciona la región editable de InContext Editing (la región contenedora) y no la región editable de la plantilla de Dreamweaver.

  5. Seleccione las opciones que desee, o anule su selección, en el inspector de propiedades de regiones editables. Las opciones que seleccione estarán disponibles para el usuario cuando edite el contenido de la región editable en un navegador. Por ejemplo, si selecciona la opción Negrita, el usuario podrá convertir el texto en negrita; si selecciona la opción Lista con números y Lista con viñetas, el usuario podrá crear listas con números y viñetas; si selecciona la opción Vínculo, el usuario podrá crear vínculos; etc. Pase el puntero del ratón por el icono de cada una de las opciones para ver información sobre herramientas de lo que la opción habilita.

  6. Guarde la página.

    Si es la primera vez que añade la funcionalidad InContext Editing a una página, Dreamweaver le informa de que está añadiendo archivos de compatibilidad con InContext Editing en el sitio: ice.conf.js, ice.js e ide.html. Asegúrese de cargar los archivos en el servidor cuando cargue la página; de lo contrario, la funcionalidad InContext Editing no funcionará en el navegador.