Γρήγορη αναφορά

Σκονάκι Βιβλιοθήκης Διεπαφής Τερματικού Blessed.js

Γρήγορος οδηγός αναφοράς για τη βιβλιοθήκη TUI Blessed.js σε Node.js: οθόνες, πλαίσια, ετικέτες στυλ και συντομεύσεις συμβάντων πληκτρολογίου.

· Δημοσιεύτηκε

Η Blessed είναι μια υψηλού επιπέδου βιβλιοθήκη διεπαφής τερματικού για Node.js, φέρνοντας πλούσια widgets τύπου ncurses στη σύγχρονη JavaScript.

Αρχικοποίηση Οθόνης

const blessed = require('blessed');

const screen = blessed.screen({
  smartCSR: true,       // Βελτιστοποίηση τρεμοπαίγματος επανασχεδίασης τερματικού
  autoPadding: true,
  title: 'My Dashboard'
});

screen.append(element);
screen.render();

// Χειρισμός καθολικών πλήκτρων εξόδου
screen.key(['escape', 'q', 'C-c'], (ch, key) => {
  return process.exit(0);
});

Στοιχεία Διεπαφής (Box Widget)

const box = blessed.box({
  top: 'center',
  left: 'center',
  width: '50%',
  height: '50%',
  content: '{bold}Hello{/bold} Blessed!',
  tags: true, // Ενεργοποίηση ενσωματωμένων ετικετών μορφοποίησης
  border: {
    type: 'line' // 'line' ή 'bg'
  },
  style: {
    fg: 'white',
    bg: 'magenta',
    border: {
      fg: '#f0f0f0'
    },
    hover: {
      bg: 'green'
    }
  }
});

screen.append(box);

Ετικέτες Μορφοποίησης

Όταν έχει οριστεί tags: true, τα στοιχεία αναλύουν την ενσωματωμένη μορφοποίηση:

  • {bold}...{/bold}: Έντονο κείμενο
  • {underline}...{/underline}: Υπογραμμισμένο κείμενο
  • {center}...{/center}: Κεντραρισμένο περιεχόμενο
  • {right}...{/right}: Δεξιά στοιχισμένο κείμενο
  • {|}: Διαχωριστικό οριζόντιας στοίχισης αριστερά/δεξιά
  • {#c0ff33-fg}...{/}: Προσαρμοσμένο δεκαεξαδικό χρώμα προσκηνίου

Κάντε escape τις ετικέτες σε απλές συμβολοσειρές με τη blessed.escape(str).

Σχετικά θέματα