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

From mediawiki.org
This page is a translated version of the page Help:Extension:WikiEditor/Realtime Preview and the translation is 19% complete.
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.


First make sure you have WikiEditor enabled. In your Preferencias, look for the "Activar la barra de herramientas de edición mejorada" preference. Note that Realtime Preview is not compatible with the Editor de wikitexto 2017 .

Begin an edit. 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 editor. It will update anytime you stop typing. You can also hover over the preview area and click on the "Recargar" button to manually reload changes, or use the ")" access key.

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.


  • Absolutely positioned elements are shown relative to the preview area and not the entire page. If you need to test what your changes look like for the entire page, use the normal "Mostrar previsualización" button. (phab:T310064)
  • When using both Realtime Preview and the normal 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, the feature is automatically disabled and you will have to use the normal "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;