¿Cómo conseguir HFREF desde RTE?
@artf GUAU ¡Me salvas la vida! ¡Gracias! No tengo ni idea de cuántas horas tengo que resolver esto yo solo... ¡Gracias, gracias! ¡Ahora funciona.....!
Lee la respuesta completa abajo ↓Pregunta
! captura
Tengo esta barra de herramientas RTE donde puedes escribir y hacer clic en 'guardar' y va a crear un enlace para el texto seleccionado. Pero el problema es que el valor del campo de entrada debería ser dinámico en función del texto seleccionado. Si el texto seleccionado tiene href y el campo de entrada debería mostrar el href ahí. ¿Cómo obtengo href para el texto seleccionado en el resultado o la función de actualización? Esto es una parte de mi código
this.editor.RichTextEditor.add('custom-link', {
icono: '<div><input name="link" id = custom-link-input" value="" /><button type="submit">save</button></div>',
atributos: {título: 'Enlace', clase: 'gjs-rte-action custom-link'},
evento: 'cambio',
Resultado: (RTE) => {
rte.insertHTML('<a href="${this.currentLinkValue}">${rte.selection()}</a>');
},
Actualización: (RTE, acción) => {
console.log('2')
console.log('rte.selection().toString() = ', rte.selection().toString());
console.log('this.editor.getSelected() = ', this.editor.getSelected())
Aquí me gustaría obtener el href del texto seleccionado si es que tiene uno.
}
});
document.getElementById('custom-link-input').addEventListener('input', (e) => {
this.actualLinkValue = e.target.value;
});
gracias, Artur
Respuestas (3)
@artf GUAU ¡Me salvas la vida! ¡Gracias! No tengo ni idea de cuántas horas tengo que resolver esto yo solo... ¡Gracias, gracias! ¡Ahora funciona.....!
'rte.selection()' devuelve el objeto Selection que puedes usar para detectar el nodo apuntado (del cual puedes obtener todos los atributos que necesitas)
@artf ¿Podrías darme un ejemplo de cómo lo haci, por favor? He probado muchas cosas pero no he encontrado la forma de conseguir ningún atributo usando rte.selection().... Lo aprecié mucho, Artur.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1828
[Pregunta] ¿Añadir un cuadro de texto adicional para el modal de subida de imágenes?
Hola Artur, Me pregunto si sería posible añadir algunas cajas de entrada para el modal de subida de imágenes. ! captura Me gustaría añadir...
Issue #1664
El elemento span se elimina de la edición
Hemos añadido un botón en la barra de herramientas RTE para poder poner el texto seleccionado dentro de '<span>' ! imagen Esa funcionalidad...
Issue #362
Cómo crear componentes de enlace personalizados que inciten a los usuarios a escribir enlace/elegir enlace, similar al modal de componentes de imágenes
Los Componentes de Imagen tienen lógica para llamar a Modal y solicitar la interacción del usuario para opciones o configuración de la URL...
Issue #1358
Crear enlace solo al pulsar el botón "OK"
Hola a todos, Sobrescribí el acto predeterminado 'Enlace' del editor de texto enriquecido: <img width="1274" alt="captura de pantalla 2018-...
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.