Trung tâm cá nhân
sách gpt4 ăn đã đi

angular - Ionic 3 使用 JavaScript 库 xterm.js

In lại 作者：太空狗 更新时间：2023-10-29 17:57:02 26 4
mua khóa gpt4 giày nike

我正在尝试将 xterm.js 库用于 Ionic 3 项目。

Github 有来源:https://github.com/aircable/ionic-xterm和说明。它编译并启动，但它没有正确显示，或者根本没有显示。布局错误。

其他问题是加载插件。其中一些尝试已被注释掉。

这是 home.ts 的摘录

import { Component, OnInit } from '@angular/core';
import { NavController } from 'ionic-angular';

import * as Terminal from "xterm";
//import style from 'xterm/dist/xterm.css';
import "xterm/dist/addons/fit/fit";

@Component({
  selector: 'terminal',
  templateUrl: "home.html",
  //styles: [ style ]
  //styleUrls: ["./xterm.css"]
})

export class HomePage implements OnInit {

  private term: Terminal;

  constructor( public navCtrl: NavController ) {

    this.term = new Terminal( {cursorBlink: true} );
    this.term.open( document.getElementById("terminal") );

    //Terminal.loadAddon( "fit" );

    //this.term.fit();

    this.term.writeln('Welcome to xterm.js');

    // this is
    this.term.on('key', (key, ev) => {
      console.log( key );
    });

  }

  ngOnInit () {}

}

câu trả lời hay nhất

大部分都可以工作，只有 fit 插件没有。但没有错误。我调整行属性以选择大小。查看Github上的源码:https://github.com/aircable/ionic-xterm 

import { Component, ElementRef, ViewChild, AfterViewInit } from '@angular/core';
import { NavController } from 'ionic-angular';

import * as Terminal from "xterm";
//import style from 'xterm/dist/xterm.css';
import "xterm/dist/addons/fit/fit";

@Component({
    selector: 'terminal',
    templateUrl: "home.html",
    //styles: [ style ]
    //styleUrls: ["./xterm.css"]
})

export class HomePage implements AfterViewInit {

    private term: Terminal;
    // this finds the #terminal element, after view init
    @ViewChild('terminal' ) terminal: ElementRef;

    constructor(public navCtrl:NavController) {

        Terminal.loadAddon("fit");

        this.term = new Terminal({
            cursorBlink: true,
            //useStyle: true,
            scrollback: 60,
            rows: 30,
        });

        // this is just simple echo
        this.term.on('key', (key, ev) => {
            console.log(key.charCodeAt(0));
            if (key.charCodeAt(0) == 13)
                this.term.write('\n');
            this.term.write(key);
        });

    }

    // getting the nativeElement only possible after view init
    ngAfterViewInit() {

        // this now finds the #terminal element
        this.term.open( this.terminal.nativeElement, true );

        // calling fit is not quite working
        // uses the obscure ion-textbox, which does not really exist, but changes the font size
        // the number of rows will determine the size of the terminal screen
        this.term.fit();
        this.term.writeln('Welcome to xterm.js');

    }

关于angular - Ionic 3 使用 JavaScript 库 xterm.js，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45516093/

26 4 0
Đề xuất bài viết: angular - this.slides.length() 无法读取未定义的属性 'length'
Đề xuất bài viết: python - 通过已注册的 TLB 从 python 访问未注册的 COM 对象
Đề xuất bài viết: c# - 文件是否可读(包含文本而不是可访问的)
Đề xuất bài viết: python - 有没有办法让每个循环都并行？
太空狗
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress