0

Estoy utilizando TipTap para mi editor para mi blog, estoy intentando agregar un tweet, si uso un metodo que encontre (aqui), donde se crea una extensión para TipTap utilizando React-Tweet, al estar editando si me muestra el tweet, pero cuando lo renderizo en el apartado publico este solo muestra lo siguiente:

<twitter src="..."></twitter>

Y ya no muestra el contenido.

Por lo que intente usar la opción que proporciona twitter, para compartir o insertar un tweet, al intentar copiar y pegar me da un error y si lo agrego junto al html de la siguiente forma:

onClick={() =>
                        editor
                            .chain()
                            .focus()
                            .setContent(
                                editor.getHTML() +
                                    `<blockquote class="twitter-tweet">...`
                            )
                            .run()
                    }

El resultado es similar a lo siguiente:

resultado

¿Ahora aclaro que estoy utilizando tailwind en el CSS, por lo que no sé si es un tema de los estilos, estoy agregándolo mal y existe otra forma de realizarlo o que podría está realizando mal?

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

Examina otras preguntas con la etiqueta o formula tu propia pregunta.