# j-Xterm

> Het component geeft een terminal-uitgang/invoer rechtstreeks in de webbrowser. IMPORTANT: het voorbeeld werkt niet zoals u verwacht, het heeft een echte terminal-output nodig.

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

De component geeft een terminal-uitgang/invoer rechtstreeks in de webbrowser. __IMPORTANT__: het voorbeeld werkt niet zoals u verwacht, het heeft een echte terminal-output nodig.


__Configuratie__:

- `cols {Number}` aantal cols (default: `80`)
- `rows {Number}` aantal rijen (default: `24`)
- `send {String}` een link naar de `function(data)` voor de communicatie met de server

__Methoden__:

- `instance.write(data)` schrijft gegevens in de terminalcomponent

__Gebruikt afhankelijkheid__:

- [Xterm.js](https://xtermjs.org/)
- [Volledige voorbeeld](https://github.com/totaljs/examples/tree/master/remote-terminal)

Gebruik het met `<ui-component name="xterm">`Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in `DEF.fallback` (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

```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>
```