텍스트 입력란

텍스트 입력란에는 문자열을 값으로 저장하고 문자열을 텍스트로 저장합니다. 자체 값은 항상 유효한 문자열이며 텍스트는 살펴보겠습니다

텍스트 입력란

편집기가 열려 있는 텍스트 입력란

접힌 블록의 텍스트 입력란

생성

JSON

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

자바스크립트

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

텍스트 입력 생성자는 선택적 값과 선택적 검사기를 사용할 수 있습니다. 값은 문자열. null 또는 undefined인 경우 빈 문자열이 사용됩니다.

JSON 정의를 통해 spellcheck 옵션을 설정할 수도 있습니다.

직렬화 및 XML

JSON

텍스트 입력 필드의 JSON은 다음과 같습니다.

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

여기서 FIELDNAME는 텍스트 입력란을 참조하는 문자열입니다. 값은 필드에 적용할 값입니다. 값은 생성자 값과 동일한 규칙을 따릅니다.

XML

텍스트 입력 필드의 XML은 다음과 같습니다.

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

여기서 필드의 name 속성에 텍스트 입력을 참조하는 문자열이 포함되어 있습니다. 내부 텍스트는 필드에 적용할 값입니다. 내부 text 값은 생성자 값과 동일한 규칙을 따릅니다.

맞춤설정

맞춤법 검사

이 setSpellcheck 함수를 사용하여 필드가 입력 텍스트의 맞춤법을 검사할지 여부를 설정할 수 있습니다.

맞춤법 검사가 있거나 없는 텍스트 입력란

맞춤법 검사는 기본적으로 사용 설정되어 있습니다.

이는 개별 필드에 적용됩니다. 모든 필드를 수정하려면 Blockly.FieldTextInput.prototype.spellcheck_ 속성입니다.

텍스트 입력 검사기 만들기

텍스트 입력란의 값은 문자열이므로 모든 검사기는 문자열을 허용해야 합니다. 문자열 null 또는 undefined을 반환합니다.

다음은 모든 'a'를 제거하는 검사기의 예입니다. 문자를 문자열:

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