Issue #492✓ ResueltoAbierto el 8 de noviembre de 2017por sarathksasiReacciones 2

Insertar texto en la posición del cursor dentro del texto

Respuesta rápidapor mathieuk2

Duplicado con el #481

Lee la respuesta completa abajo ↓

Pregunta

Fragmento de códigoTEXT
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 S

Respuestas (3)

👍 Muy útilmathieuk8 de noviembre de 2017

Duplicado con el #481

sarathksasi8 de noviembre de 2017

Gracias

edwardjiawei15 de noviembre de 2017

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.

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.