# j-Xterm

> Komponenten ger en terminalutgång/input direkt i webbläsaren. IMPORTANT: exemplet fungerar inte som du förväntar dig, det behöver en verklig terminal utgång.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: sv
Content-SHA256: 2f851dd7cf5e96ee12a32d74dee17aba6ce32aeabe9b42e2ebd61f22852cc23c
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

Komponenten ger en terminal utgång / inmatning direkt i webbläsaren. __IMPORTANT__: exemplet fungerar inte som du förväntar dig, det behöver en verklig terminal output.


__Konfigurera__:

- `cols {Number}` antal kol (default: `80`)
- `rows {Number}` antal rader (default: `24`)
- `send {String}` en länk till `function(data)` för kommunikation med servern

__Metoder__:

- `instance.write(data)` skriver data i terminalen

__Används beroende__:

- [Xterm.js](https://xtermjs.org/)
- [Fullständigt exempel](https://github.com/totaljs/examples/tree/master/remote-terminal)

Använd den med `<ui-component name="xterm">`När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i `DEF.fallback` (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

```html example.html
<ui-component name="xterm" config="send:send_to_server"></ui-component>

<script>

	function send_to_server(data) {

		// FAKE:
		// the below code will append the data directly into the terminal
		SETTER('xterm/write', data);

	}

</script>
```