Campos de entrada de texto

Un campo de entrada de texto almacena una cadena como su valor y una cadena como su texto. Su valor siempre es una cadena válida, mientras que su texto puede ser cualquier cadena ingresada en su editor.

Campo de entrada de texto

Campo de entrada de texto con el editor abierto

Campo de entrada de texto en un bloque colapsado

Creación

JSON

{
  "type": "example_textinput",
  "message0": "text input: %1",
  "args0": [
    {
      "type": "field_input",
      "name": "FIELDNAME",
      "text": "default text",
      "spellcheck": false
    }
  ]
}

JavaScript

Blockly.Blocks['example_textinput'] = {
  init: function() {
    this.appendDummyInput()
        .appendField("text input:")
        .appendField(new Blockly.FieldTextInput('default text'),
            'FIELDNAME');
  }
};

El constructor de entrada de texto toma un valor opcional y un validador opcional. El valor se debe transmitir a una cadena. Si es null o undefined, se usará una cadena vacía.

La definición JSON también te permite establecer la opción spellcheck.

Serialización y XML

JSON

El JSON de un campo de entrada de texto se ve de la siguiente manera:

{
  "fields": {
    "FIELDNAME": "text"
  }
}

En la que FIELDNAME es una cadena que hace referencia a un campo de entrada de texto y el valor es el valor que se aplicará al campo. El valor sigue las mismas reglas que el valor del constructor.

XML

El XML de un campo de entrada de texto se ve de la siguiente manera:

<field name="FIELDNAME">text</field>

En el que el atributo name del campo contiene una cadena que hace referencia a un campo de entrada de texto y el texto interno es el valor que se aplicará al campo. El valor de texto interno sigue las mismas reglas que el valor del constructor.

Personalización

Corrector ortográfico

La función setSpellcheck se puede usar para establecer si el campo corrige la ortografía del texto de entrada o no.

Campos de entrada de texto con y sin corrector ortográfico

La corrección ortográfica está activada de forma predeterminada.

Esto se aplica a campos individuales. Si deseas modificar todos los campos, cambia la propiedad Blockly.FieldTextInput.prototype.spellcheck_.

Cómo crear un validador de entrada de texto

Nota: Para obtener información sobre los validadores en general, consulta Validadores.

El valor de un campo de entrada de texto es una cadena, por lo que cualquier validador debe aceptar una cadena y mostrar una cadena, null o undefined.

Este es un ejemplo de un validador que quita todos los caracteres "a" de la cadena:

function(newValue) {
  return newValue.replace(/a/g, '');
}