在创建自己的解决方案之前，我尝试寻找已经满足我需求的东西。我有一个 node.js 服务器，多个客户端/应用程序连接到该服务器。这些客户端会将日志消息发送到我希望在面板中显示的服务器。
现在我需要一些功能来实现用于日志消息的典型多行文本框：
我的问题：
是否已经有针对上述用例的解决方案？
【问题讨论】：
ta.value+=msg.body+"\n"; ta.scrollTop=9e9;
标签： javascript jquery html node.js
我可以给你我的example吗？它曾经是 textarea，但我已将其重构为 div，几乎没有更改代码。
代码的一些亮点，可在github上获得
发送日志消息的自定义函数：
/**
* Add a message to the gamelog
* @param {Object} options : allows custom output
* @param {String} options.message : the message to display
* @param {Boolean} options.isTimed : does the message has a timestamp in front of it?
* @param {Boolean} options.isError : is the message an error?
* @param {Boolean} options.isNewline : start the message on a new line
*/
addMessage: function (options) {
var instance = ns.instance,
audio = instance.audio,
audiofx = audio.settings.fx,
history = this.areaMessage.html();
// isTimed?
options.message = options.isTimed
? history + this.fieldClock.val() + ': ' + options.message
: history + options.message;
// isNewline?
if (options.isNewline) {
options.message = options.message + '<br />';
}
// message
this.areaMessage.html(options.message);
this.scrollTop(this.areaMessage);
// isError?
if (options.isError) {
audio.play(audiofx.error);
}
},
滚动到顶部功能：
/**
* Automatically scroll down (from the top)
* @param {Object} target : jQuery object
*/
scrollTop: function (target) {
target.scrollTop(99999);
target.scrollTop(target.scrollTop() * 12);
}
要使用彩色消息，您应该能够使用 HTML 字符串：
log.addMessage({
message: '<span style="color: red;">[ERROR]</span> ',
isNewLine: false
});
log.addMessage({
message: 'the rest of the error message',
isNewLine: true
});
随意使用这个想法来注册您自己的自定义消息框。
【讨论】：