Issue #647💬 RespondidoAbierto el 15 de diciembre de 2017por HarshOBReacciones 0

El valor de rasgos personalizados no se establece en el Código

Respuesta rápidapor artf

@HarshOB mostrar cómo creas el rasgo personalizado

Lee la respuesta completa abajo ↓

Pregunta

Hola,

Aquí usé textbox trailt y lo que escribo en el cuadro de entrada obtenía el texto en Code Viewer. Como puedes ver, 'progreso= 80' ! captura de pantalla de2017-12-1512-31-55_123

Pero cuando creo rasgos personalizados y selecciono valor en el desplegable, entonces no obtuve ningún valor en mi código (HTML).

! captura de pantalla de2017-12-1512-32-47_123

Respuestas (3)

artf19 de diciembre de 2017

@HarshOB mostrar cómo creas el rasgo personalizado

HarshOB20 de diciembre de 2017

Aquí está el código:

editor. TraitManager.addType('customConent1', {
  getInputEl: function () {
    if (!this.inputEl) {
      var input = document.createElement('select');
      input.setAttribute("id", "Div1");
      input.setAttribute("nombre", "Div1");
      input.setAttribute("style", "background:#363636");
      $.each(partialOptions, function (key, value) { //partialOptions es un array
        var group = $('<optgroup label="' + key + '" />');
        $.each(valor, función () {
            $('<opción />').html(this.name).appendTo(grupo);
        });
        group.appendTo(entrada);
      });
      input.value = this.target.get('customConent1');
      this.inputEl = entrada;
    }
    return this.inputEl;
  },
});
artf20 de diciembre de 2017

@HarshOB intenta ver si el cambio realmente se activa '''js editor. TraitManager.addType('customConent1', { eventos:{ 'cambio': 'enCambio' },

onChange() { console.log('cambiado'); this.model.set('value', this.getInputEl().value); },

getInputEl: function () { ...

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.