Insertar texto en la posición del cursor dentro del texto
Pregunta
Hola,
Estamos evaluando GrapesJS para uno de los requisitos. Como parte de la evaluación, estoy creando el comando personalizado 'insertar marcador de posición'; lo que hace es (lo que planeo hacer) es que al seleccionar Texto y al hacer clic en este comando, debería insertar texto en la posición seleccionada del cursor.
Al principio yo había hecho esto
var existingData = selectedComponent.view.el.firstChild.data;
var placeHolderData = '[[1# NombrePlaceHolder]]';
existingData = existingData + " "+EspacioHolderData;
console.log("existentingData",existentingData);
selectedComponent.set('content', existingData);
Esto es solo añadir texto. Mi requisito es insertar en la posición del cursor dada. Sería genial que alguien pudiera encontrar rápidamente una solución para esto.
Gracias de antemano
Sarath K SRespuestas (3)
Duplicado con el #481
Gracias
Similar a lo que hice en grapesjs-plugin-customrte. Pero no propongo que mi código se base en él, pero es un desastre.
Deberías poder probar el código en Design y HTML en mi repositorio.
También se puede establecer prioridad menor para implementar el.contentEditable, de modo que el texto provisional no sea editable. #287
Si es un bloque, entonces grapesjs tiene por defecto la opción de excelencia: 'removible: falso, // Una vez insertado no se puede eliminar'
Por último, gracias por el buen trabajo de libertad para artf. Hay mucha prioridad en grapesjs, quizá se pueda cambiar a community plugin (artf/api-richtexteditor-plugin), quizá artf pueda decidir iniciar el repositorio para #481. Así que podemos contribuir cuando todo el solicitante esté libre.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1888
[Pregunta] Añadir html personalizado dentro de Canvas
Hola, Estoy usando uvas para exportar un json personalizado con toda la información que necesito, en lugar de HTML y CSS. Para hacer eso, e...
Issue #460
Cuando la vista del componente modifica el HTML, los componentes de texto ya no son editables
Estoy intentando crear un componente personalizado que contenga algo de texto lorem ipsum en el contenido, para editarlo una vez que esté e...
Issue #554
Evita el iluminador flotante y evita seleccionar ciertos componentes
Hola @artf, Me gustaría conocer vuestra opinión sobre los siguientes dos puntos antes de enviar una solicitud de tirada. Son para cumplir l...
Issue #1047
[BUG] El modelo no puede cambiar después de cambiar el valor en el menú desplegable Seleccionar personalizado.
Hola, Estoy usando el enlace CDN para uvas JS de unpkg.com En mi proyecto, he usado un rasgo personalizado como menú desplegable de selecci...
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.