blockly-field-text-box

A Blockly true multiline text input.

About

• Advanced multiline done right.
• More like native textarea input.
• Smart word wrap.
• No more ellipsis. Full-Text value on view and edit.
• Key code ENTER event adds new line.
• Line width can be configured.
• Unlimited lines.

Installation

npm

npm install --save blockly-field-text-box

yarn

yarn add blockly-field-text-box

Build

npm run build

Usage

JavaScript

import * as Blockly from 'blockly'
import {FieldTextBox} from 'blockly-field-text-box'

Blockly.Blocks['test_field'] = {
  init: function () {
    this.appendDummyInput()
      .appendField('Text block: ')
      .appendField(new FieldTextBox('Text value'), 'FIELDNAME')
  }
};

JSON

import * as Blockly from 'blockly'
import 'blockly-field-text-box'

Blockly.defineBlocksWithJsonArray([
    {
        "type": "test_field",
        "message0": "Text block: %1",
        "args0": [
            {
                "type": "field_text_box",
                "name": "FIELDNAME",
                "value": "Text value"
            }
        ]
    }])

Run in browser

You need to build the package first.

<script src="./dist/index.js"></script>

License

Apache 2.0