Características de escritura HTML personalizadas en vídeo
Hola @Deepak813, Esto no me parece realmente un componente de vídeo si dejas que los usuarios introduzcan el código iframe que quieran. Si el componente te permite introducir "iframe code" personalizado, parece que también les permitiría introducir algo de HTML no iframe ('<div>foobar</div>') o incluso HTML iframe vál...
Lee la respuesta completa abajo ↓Pregunta
¿Tenemos los rasgos de tipo HTML personalizado en vídeo para que el usuario pueda introducir el código iframe y que se incruste en el html?
Como todos los editores famosos tienen esta función, que es común en la categoría de vídeo.
¿Es este vídeo que están en la hoja de ruta?
Ya que hemos creado este nuevo componente pero que entra en conflicto con los rasgos existentes del vídeo.
Respuestas (3)
Hola @Deepak813,
Esto no me parece realmente un componente de vídeo si dejas que los usuarios introduzcan el código iframe que quieran. Si el componente te permite introducir "iframe code" personalizado, parece que también les permitiría introducir algo de HTML no iframe ('<div>foobar</div>') o incluso HTML iframe válido que no apunte a un vídeo ('<iframe src="http://github.com"></iframe>'). ¿Cómo querrías evitar eso? ¿Tienes algún ejemplo de otro editor al que puedas enlazar? Me gustaría ver cómo funcionan, quizá simplemente no lo estoy pensando bien.
¿Has considerado simplemente tener un componente iframe que exponga el 'src' como rasgo? ¿O quizá un componente "HTML personalizado" que permita a los usuarios introducir el código HTML que quieran (ejemplo: https://github.com/ryandeba/grapesjs-html-block)?
Hola @ryandeba,
Gracias por el mensaje.
El escenario exacto en el tipo HTML personalizado en vídeo es muy sencillo. Si el usuario introduce cualquier HTML que no sea iframe, entonces mostraremos el mensaje de error tal y como se muestra en el tipo de vídeo de Vimeo, o si introduce cualquier iframe HTML que no apunte a un vídeo (<iframe src="http://github.com"></iframe>), entonces el iframe src que contenga lo mostrará independientemente de si es válido o no. Si es un src válido, entonces se muestra el vídeo, o si no es válido, muestra un iframe en blanco.
Además, como ofrecemos total flexibilidad al usuario en el creador de plantillas, lo que introduce el usuario es su elección para hacerlo. Si quieres más asistente en eso, te mostraré el ejemplo donde cada gran creador de plantillas contiene esta función en el elemento de vídeo.
Gracias por los detalles adicionales @Deepak813 creo que ahora tengo una idea más clara de lo que intentas conseguir. Aun así, me interesaría ver un ejemplo si tienes uno disponible. Mientras tanto, pensaré en cómo lograrlo.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #566
Cómo añadir características de tipo HTML personalizado en vídeo
Cómo añadir características de vídeo de tipo HTML personalizado para que el usuario pueda introducir el código iframe y que se incruste en...
Issue #1893
[PREGUNTA] Por definición, todos los bloques tienen que tener el mismo estilo
Estamos usando blockManager, como puedes ver en el ejemplo publicado en codesandbox, siguiendo la documentación relacionada con el renderiz...
Issue #1381
Incrustación personalizada de vídeo en un componente de vídeo
@artf quiero incluir un código de incrustación personalizado en el componente de vídeo para que el usuario pueda añadir cualquier iframe qu...
Issue #698
editor.getSelected().toHTML() no es consistente
Hola a todos, He creado un nuevo tipo de componente, 'html-block', que es un componente en el que puedes añadir tu código html. He añadido...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.
Explora plugins gratuitos →Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.
Explora plugins premium →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.