¿Añadir el selector de color de grapesjs a un nuevo tipo de rasgo?

@nojacko he modificado un poco mi código, esto es básicamente lo que estoy haciendo:

'''js getInputEl: function() { if (!this.inputEl) { var input = document.createElement('div'); input.innerHTML = this.inputHtml var inputEl = input; var pickerEl = inputEl.querySelector(".myolorPicker"); pickerEl.id = "ppcp" + this.cid; if (!this.model.colorPickerEl) {// añadir el selector de color del espectro jQuery a nuestro editor de rasgos this.model.colorPickerEl = editor. TraitManager.getType('color').prototype.getInputEl.apply(this, arguments); } pickerEl.appendChild(this.model.colorPickerEl)

... código para gestionar cambios de valor y actualizar otros campos ...

return this.inputEl; }

Espero que esto ayude. Esto sigue siendo un trabajo en progreso :)

Ten en cuenta que el método getInputEl del colorPicker añade un colorselector de espectro al cuerpo del lienzo cada vez que se llama, y parece estar mapeado al elemento que devuelve, por eso solo lo llamo si no tengo ya ese elemento como parte de mi modelo. Sospecho que probablemente hay mejores formas de manejar esto, pero esto está funcionando para mi app por ahora.

Hola @pnellesen esta es en realidad una muy buena pregunta, sin duda, deberíamos permitirlo, pero por desgracia, ahora mismo no es tan sencillo. Deberíamos refactorizar algunos módulos para hacer la interfaz más reutilizable. Por cierto, intenta extender el 'editor. TraitManager.getType('color').prototype.getInputEl' dentro del método 'getInputEl' y mira si te puede ayudar