Issue #1706💬 RespondidoAbierto el 3 de enero de 2019por SeongwoonHongReacciones 1

¿Cómo conseguir HFREF desde RTE?

Respuesta rápidapor SeongwoonHong1

@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)

SeongwoonHong5 de enero de 2019

@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.....!

artf5 de enero de 2019

'rte.selection()' devuelve el objeto Selection que puedes usar para detectar el nodo apuntado (del cual puedes obtener todos los atributos que necesitas)

SeongwoonHong5 de enero de 2019

@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.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

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 →
Opción premium

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.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.