yexuejc/command-manager
1
0
Fork 0
mirror of https://github.com/nuintun/command-manager.git synced 2025-06-08 04:04:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

update files

Browse Source
This commit is contained in:
nuintun 2015-12-02 12:57:31 +08:00
parent 6db88b6d26
commit a2ae340e28
2 changed files with 42 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
canvas.html
View File

@ -4,9 +4,17 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Title</title> <title>Title</title>
<script type="text/javascript" src="./static/js/terminal/index.js"></script> <script type="text/javascript" src="./static/js/terminal/index.js"></script>
<style type="text/css">
#term {
color: #fff;
background-color: #181818;
font: 13px/1.5 Consolas, sans-serif;
}
</style>
</head> </head>
<body> <body>
<canvas id="canvas" width="300" height="200"></canvas> <canvas id="canvas" width="300" height="200"></canvas>
<div id="term"></div>
<script> <script>
// var font = '13px Consolas'; // var font = '13px Consolas';
var font = '13px 微软雅黑'; var font = '13px 微软雅黑';
@ -94,7 +102,12 @@
].forEach(function (line){ xterm.write(line + '\r\n'); }); ].forEach(function (line){ xterm.write(line + '\r\n'); });
xterm.write('\033[41;32m红底绿字\033[0m'); xterm.write('\033[41;32m红底绿字\033[0m');
console.log(xterm.toString('html'));
var html = xterm.toString('html');
console.log(html);
document.getElementById('term').innerHTML = html;
</script> </script>
</body> </body>
</html> </html>

34
static/js/terminal/index.js
View File

@ -1030,6 +1030,7 @@ AnsiTerminal.prototype.toString = function (type){
var rows = this.screen.buffer.length; var rows = this.screen.buffer.length;
if (type === 'html') { if (type === 'html') {
var style = '';
var styleBuffer; var styleBuffer;
var attrCache; var attrCache;
var stylesBuffer = this.stylesBuffer || []; var stylesBuffer = this.stylesBuffer || [];
@ -1053,15 +1054,39 @@ AnsiTerminal.prototype.toString = function (type){
} }
if (j === 0) { if (j === 0) {
s += '<span>'; style = '';
attrCache = node.attr; attrCache = node.attr;
if (styleBuffer.foreground) {
style += 'color:' + styleBuffer.foreground + ';';
}
if (styleBuffer.background) {
style += 'background-color:' + styleBuffer.background + ';';
}
if (styleBuffer.bold) {
style += 'font-weight:bold;';
}
if (styleBuffer.italic) {
style += 'font-style: italic;';
}
if (styleBuffer.underline) {
style += 'text-decoration: underline;';
}
s += '<span' + (style ? ' style="' + style + '"' : '') + '>';
} else if (j === cols - 1) { } else if (j === cols - 1) {
s += '</span>'; s += '</span>';
} }
if (node.value) { if (node.value) {
if (node.attr !== attrCache) { if (node.attr !== attrCache) {
s += '</span><span>'; s += '</span><span' + (style ? ' style="' + style + '"' : '') + '>';
style = '';
attrCache = node.attr; attrCache = node.attr;
} }
@ -2687,10 +2712,7 @@ function styles(node){
var background = attributes.background; var background = attributes.background;
var styles = { wide: node.width === 2 }; var styles = { wide: node.width === 2 };
[ ['bold', 'italic', 'underline', 'blink', 'conceal'].forEach(function (key){
'bold', 'italic', 'underline',
'blink', 'inverse', 'conceal'
].forEach(function (key){
styles[key] = attributes[key]; styles[key] = attributes[key];
}); });