diff --git a/editor/live-preview.mdx b/editor/live-preview.mdx index f87d2f2d5f..06322adc7d 100644 --- a/editor/live-preview.mdx +++ b/editor/live-preview.mdx @@ -8,7 +8,9 @@ Preview your site while you edit. Live previews render pages exactly as they loo ## Open live preview -Click the live preview button in the top bar to open a live preview in a new tab. +Click the live preview button in the top bar. Your **Open live preview in new tab** preference in [editor settings](/editor/settings) determines whether the preview opens in a new browser tab or in the editor. + +When the preview opens in the editor, click **Site settings** in the preview toolbar to edit your site's configuration without leaving the preview. live preview button in the top bar to open a live /> +## Edit site settings in live preview + +Use the Site settings inspector when you want to adjust site configuration while checking the rendered result. It includes the same sections as the [Site configurations](/editor/configurations) panel. + +1. Open the live preview in the editor. +2. Click **Site settings** in the preview toolbar. +3. Select a configuration section and edit the settings. +4. Close the inspector with **Close site settings** to return to the preview. + +The preview updates as you edit. If your preference opens live preview in a new tab, turn off **Open live preview in new tab** in [editor settings](/editor/settings). You can then use the inspector. + +## Ask the agent in live preview + +Click **Ask agent** in the preview toolbar to open the [editor agent](/editor/agent) beside the live preview. Opening the agent closes the Site settings panel. Opening Site settings closes the agent. Viewer roles do not see the **Ask agent** button. + ## Live preview versus preview deployments | | Live preview | Preview deployment | diff --git a/es/editor/live-preview.mdx b/es/editor/live-preview.mdx index b6aa8b30d6..c9c9d0d5f0 100644 --- a/es/editor/live-preview.mdx +++ b/es/editor/live-preview.mdx @@ -4,7 +4,7 @@ description: "Previsualice su sitio en tiempo real mientras edita, con actualiza keywords: ["editor", "preview", "live preview"] --- -Previsualice su sitio mientras edita. Las vistas previas en vivo renderizan las páginas exactamente como se ven cuando se publican y se actualizan a medida que realiza cambios en el contenido, la navegación y la configuración. +Previsualice su sitio mientras edita. Las vistas previas en vivo renderizan las páginas exactamente como se ven cuando se publican. Se actualizan a medida que realiza cambios en el contenido, la navegación y la configuración.
@@ -12,7 +12,9 @@ Previsualice su sitio mientras edita. Las vistas previas en vivo renderizan las
-Haga clic en el botón de vista previa en vivo en la barra superior para abrir una vista previa en vivo en una nueva pestaña. +Haga clic en el botón de vista previa en vivo en la barra superior. La vista previa se abre en una nueva pestaña del navegador o dentro del editor. La ubicación depende de la preferencia **Open live preview in new tab** en la [configuración del editor](/es/editor/settings). + +Cuando la vista previa se abre dentro del editor, haga clic en **Site settings** en la barra de herramientas de la vista previa. Así puede editar la configuración de su sitio sin salir de la vista previa. de vista previa en vivo en la barra /> +
+ +## Editar la configuración del sitio en la vista previa en vivo + +
+ +Use el inspector de **Site settings** para ajustar la configuración del sitio mientras comprueba el resultado renderizado. Contiene las mismas secciones que el panel de [Configuraciones del sitio](/es/editor/configurations). + +1. Abra la vista previa en vivo dentro del editor. +2. Haga clic en **Site settings** en la barra de herramientas de la vista previa. +3. Seleccione una sección de configuración y edite sus opciones. +4. Cierre el inspector con **Close site settings** para volver a la vista previa. + +La vista previa se actualiza mientras edita. Si su preferencia abre la vista previa en una nueva pestaña, desactive **Open live preview in new tab** en la [configuración del editor](/es/editor/settings) para usar el inspector. + +
+ +## Preguntar al agente en la vista previa en vivo + +
+ +Haga clic en **Ask agent** en la barra de herramientas de la vista previa para abrir el [agente del editor](/es/editor/agent) junto a la vista previa en vivo. Al abrir el agente, se cierra el panel de Site settings. Al abrir Site settings, se cierra el agente. Los usuarios con el rol de viewer no ven el botón **Ask agent**. +
## Vista previa en vivo frente a despliegues de vista previa @@ -40,4 +65,4 @@ Haga clic en el botón de vista previa en vivo en la barra | **Cuándo usarla** | Para revisar cambios mientras edita | Para compartir con su equipo para su revisión | | **Disponibilidad** | Mientras el editor esté abierto | Mientras exista la branch | -Use la vista previa en vivo para obtener retroalimentación inmediata mientras edita. Cuando necesite compartir cambios con su equipo o probarlos en un dispositivo diferente, use un [despliegue de vista previa](/es/editor/branching-and-publishing#preview-your-changes). +Use la vista previa en vivo para obtener retroalimentación inmediata mientras edita. Cuando necesite compartir cambios con su equipo, use un [despliegue de vista previa](/es/editor/branching-and-publishing#preview-your-changes). También puede usarlo para probar los cambios en un dispositivo diferente. diff --git a/fr/editor/live-preview.mdx b/fr/editor/live-preview.mdx index 64449ecf25..549188cf4f 100644 --- a/fr/editor/live-preview.mdx +++ b/fr/editor/live-preview.mdx @@ -1,10 +1,10 @@ --- title: "Aperçu en direct" -description: "Prévisualisez votre site en temps réel pendant l'édition, avec des mises à jour continues qui rendent instantanément contenu, navigation et configuration." +description: "Prévisualisez votre site en temps réel pendant l'édition, avec des mises à jour continues qui affichent instantanément les changements de votre site." keywords: ["editor", "preview", "live preview"] --- -Prévisualisez votre site pendant que vous le modifiez. Les aperçus en direct affichent les pages exactement telles qu'elles apparaissent une fois publiées, et se mettent à jour à mesure que vous modifiez le contenu, la navigation et la configuration. +Prévisualisez votre site pendant que vous le modifiez. Les aperçus en direct affichent les pages exactement telles qu'elles apparaissent une fois publiées. Ils se mettent à jour à mesure que vous modifiez le contenu, la navigation et la configuration.
@@ -12,7 +12,9 @@ Prévisualisez votre site pendant que vous le modifiez. Les aperçus en direct a
-Cliquez sur le bouton d'aperçu en direct dans la barre supérieure pour ouvrir un aperçu en direct dans un nouvel onglet. +Cliquez sur le bouton d'aperçu en direct dans la barre supérieure. L'aperçu s'ouvre dans un nouvel onglet du navigateur ou dans l'éditeur. Son emplacement dépend de la préférence **Open live preview in new tab** dans les [paramètres de l'éditeur](/fr/editor/settings). + +Lorsque l'aperçu s'ouvre dans l'éditeur, cliquez sur **Site settings** dans la barre d'outils de l'aperçu pour modifier la configuration de votre site sans quitter l'aperçu. dans la barre sup /> +
+ +## Modifier les paramètres du site dans l'aperçu en direct + +
+ +Utilisez l'inspecteur **Site settings** pour ajuster la configuration du site tout en vérifiant le résultat affiché. Il contient les mêmes sections que le panneau [Configuration du site](/fr/editor/configurations). + +1. Ouvrez l'aperçu en direct dans l'éditeur. +2. Cliquez sur **Site settings** dans la barre d'outils de l'aperçu. +3. Sélectionnez une section de configuration et modifiez les paramètres. +4. Fermez l'inspecteur avec **Close site settings** pour revenir à l'aperçu. + +L'aperçu se met à jour pendant vos modifications. Si votre préférence ouvre l'aperçu dans un nouvel onglet, désactivez **Open live preview in new tab** dans les [paramètres de l'éditeur](/fr/editor/settings). Vous pourrez ainsi utiliser l'inspecteur. + +
+ +## Demander à l'agent dans l'aperçu en direct + +
+ +Les éditeurs peuvent cliquer sur **Ask agent** dans la barre d'outils de l'aperçu pour ouvrir l'[agent de l'éditeur](/fr/editor/agent) à côté de l'aperçu en direct. L'ouverture de l'agent ferme le panneau Site settings, et l'ouverture de Site settings ferme l'agent. Les utilisateurs ayant le rôle de viewer ne voient pas le bouton **Ask agent**. +
## Aperçu en direct vs déploiements de prévisualisation diff --git a/zh/editor/live-preview.mdx b/zh/editor/live-preview.mdx index 9f2b380fa0..54b35143db 100644 --- a/zh/editor/live-preview.mdx +++ b/zh/editor/live-preview.mdx @@ -1,6 +1,6 @@ --- title: "实时预览" -description: "在编辑时实时预览你的文档站点，持续更新会即时渲染内容、导航和配置的更改。" +description: "在编辑时实时预览你的文档站点，持续查看内容、导航和站点配置的更改；了解如何在编辑器或新标签页中打开实时预览，并使用 Site settings 检查器调整配置、查看渲染结果、比较预览部署，以及在发布前检查更改。适合在编辑过程中获得即时反馈，帮助你在共享预览前验证页面显示效果和站点设置是否符合预期。" keywords: ["editor", "preview", "live preview"] --- @@ -10,7 +10,9 @@ keywords: ["editor", "preview", "live preview"] ## 打开实时预览
-点击工具栏中的 实时预览按钮，在新标签页中打开实时预览。 +点击工具栏中的 实时预览按钮。实时预览是在新浏览器标签页中打开，还是在编辑器中打开，取决于[编辑器设置](/zh/editor/settings)中的 **Open live preview in new tab** 偏好设置。 + +当实时预览在编辑器中打开时，点击预览工具栏中的 **Site settings**，即可在不离开预览的情况下编辑站点配置。 +
+ ## 在实时预览中编辑站点设置 +
+ +当你需要在查看渲染结果的同时调整站点配置时，请使用 **Site settings** 检查器。它包含与[站点配置](/zh/editor/configurations)面板相同的配置分区。 + +1. 在编辑器中打开实时预览。 +2. 点击预览工具栏中的 **Site settings**。 +3. 选择配置分区并编辑设置。 +4. 点击 **Close site settings** 关闭检查器并返回预览。 + +预览会在编辑时更新。如果你的偏好设置会在新标签页中打开实时预览，请在[编辑器设置](/zh/editor/settings)中关闭 **Open live preview in new tab**，然后使用检查器。 + +
+ ## 在实时预览中向代理提问 +
+ +点击预览工具栏中的 **Ask agent**，在实时预览旁打开[编辑器代理](/zh/editor/agent)。打开代理会关闭 Site settings 面板。打开 Site settings 会关闭代理。Viewer 角色看不到 **Ask agent** 按钮。 +
## 实时预览与预览部署
@@ -36,4 +57,4 @@ keywords: ["editor", "preview", "live preview"] | **使用时机** | 在编辑时查看更改 | 与团队共享以供审阅 | | **可用性** | 当编辑器打开时 | 只要该 branch 存在 | -在编辑过程中使用实时预览以获得即时反馈。当你需要与团队共享更改，或在不同设备上测试时，请使用 [预览部署](https://www.mintlify.com/docs/editor/branching-and-publishing#preview-your-changes)。 +在编辑过程中使用实时预览以获得即时反馈。当你需要与团队共享更改，或在不同设备上测试时，请使用 [预览部署](/zh/editor/branching-and-publishing#preview-your-changes)。