Ayuda:Extensión:WikiEditor/Previsualización en tiempo real

No confundir con: Manual:Live preview.

Previsualización en tiempo real es una función dentro del WikiEditor que permite obtener una vista previa de los cambios hechos en tiempo real mientras se escribe. Fue creado por la Tecnología Comunitaria de la Fundación Wikimedia en respuesta al cuarto deseo en la Encuesta de deseos de la comunidad de 2021.

Uso

First make sure you have WikiEditor enabled (which it is by default). In your Preferencias, look for the Activar la barra de herramientas de edición mejorada preference. Note that Realtime Preview is not available in the Editor de wikitexto 2017 .

Start editing a page. Notice that in the toolbar, you will see a Ver página button. Clicking this will activate realtime preview. Once activated, a preview pane is shown next to the wikitext editing area. It will update every time you stop typing.

There is also a Recargar button available in the toolbar (next to the Ver página button) that can be used to manually reload changes. The ) access key can also be used for this purpose. Manual reloading may be useful after making changes in separate browser tabs for example, to see the changes applied to the current page. The Recargar button previously would only appear when hovering on the preview pane, and some documentation may still refer to that.

The editing and preview panes can be resized by dragging the middle dividing bar to the left or right. The height of both can also be adjusted by dragging the bottom resizing border. Your size preferences are stored in your browser, and will be maintained for future editing sessions (this is a per-device preference, because screen sizes can vary between devices).

Limitations

• Absolutely positioned elements are shown relative to the entire page, and not just the preview pane. If you need to test what your changes look like for the entire page, use the whole-page Mostrar previsualización button. (phab:T310064)
• When using both realtime preview and the whole-page preview, some user interaction requiring JavaScript might apply to only one preview area and not the other, such as the "show" and "hide" links on collapsible content. (phab:T307475)
• If your browser window is too narrow, realtime preview is automatically disabled and you will have to use the whole-page Mostrar previsualización button to preview your changes.

Hiding the button

If you do not want the Ver página button to appear in your toolbar, you can hide it by adding the following to your common.css:

.tool[rel="realtimepreview"] {
    display: none;
}