Esta es una guía para crear vistas previas de enlaces enriquecidas con Onebox en Discourse. Explica cómo crear Oneboxes, usar Oneboxing en línea, evitar Oneboxing, usar hipervínculos y manejar iframes avanzados.
Nivel de usuario requerido: Todos los usuarios
Onebox convierte sus enlaces web en fragmentos de vista previa útiles que ayudan a informar a los lectores sobre el destino antes de que hagan clic.
Resumen
Esta guía cubre cómo:
- Crear Oneboxes
- Usar Oneboxing en línea
- Evitar Oneboxing
- Usar hipervínculos en lugar de Oneboxing
- Manejar iframes avanzados
Creación de un Onebox
Para crear un Onebox, simplemente pegue cualquier enlace en una publicación en una línea por sí misma, así:
https://www.google.com/
Esto resulta en:
Onebox admite etiquetas oEmbed y OpenGraph generales, y tiene reglas personalizadas para sitios populares como Wikipedia, Twitter, Amazon, YouTube y otros.
Intente pegar enlaces en sus publicaciones y vea qué sucede. ¡Solo recuerde que para que Oneboxing funcione, el enlace debe estar en una línea por sí mismo!
Oneboxing en línea
Con la configuración del sitio enable inline onebox on all domains habilitada (esta característica está habilitada por defecto), pegar el enlace en línea con el texto reemplazará el enlace sin procesar con el título de la página, como este Understanding Discourse Trust Levels
como este https://blog.discourse.org/2018/06/understanding-discourse-trust-levels/
Evitar Oneboxes
Si desea que el enlace aparezca como un enlace sin procesar, simple y sin adornos, colóquelo entre corchetes <:
<https://blog.discourse.org/2018/06/understanding-discourse-trust-levels/>
Alternativamente, puede colocar un espacio antes del enlace o cualquier carácter después del enlace.
Uso de hipervínculos
Puede agregar un enlace a su texto mediante:
- El uso del botón de eslabón de cadena en la barra de herramientas del editor
- Seleccionar texto en su publicación y pegar un enlace desde su portapapeles
- Agregar enlaces de Markdown / BBCode / HTML:
[enlace aquí](https://example.com)
[enlace=https://example.com]enlace aquí[/enlace]
<a href="https://example.com">enlace aquí</a>
iFrames avanzados
Por defecto, <iframe> está bloqueado por razones de seguridad. Sin embargo, si los iframes provienen de fuentes de alta confianza, un administrador de Discourse puede agregar ese dominio a la configuración del sitio allowed iframes.
Es posible que también deba pegar el código de inserción completo, como el del mapa a continuación:
<iframe> src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d24202.451099423397!2d-74.06201522657554!3d40.68924937923285!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25090129c363d%3A0x40c6a5770d25022b!2sStatue+of+Liberty+National+Monument!5e0!3m2!1sen!2suk!4v1533203877892" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
Esto resulta en:
Recursos adicionales
Para obtener más información y solución de problemas de Oneboxes, visite el tema relacionado a continuación: