下面是旧的；查看底部的更新文本。
因此，我和我的朋友在学校使用谷歌文档进行交流，我们设置了挑战，以创建一个有效且“高效”的聊天栏，以更好地交流。我使用 JavaScript 已经有一段时间了，但之前从未使用过Google Apps Script。我们正在使用文档应用程序进行聊天；我想出的代码如下，但我有一些问题：
- 用户关闭它时出错，然后转到工具栏中的Chat -> Open Chat重新打开，说“遇到错误：发生意外错误”；未指定线路或原因
- 需要在文档中的某处隐藏元素，它可以允许用户查看其他人输入的内容，但如果不使用聊天框，他们将无法编辑（当文本被修改时，将添加事件侦听器以更新聊天框）
//Main function, ran when the document first opens.
function onOpen() {
var app = UiApp.createApplication(); //Create a Ui App to use for the chat bar
if(getCurrentUser()=="dev1"||getCurrentUser()=="dev2"){ //user-Id's hidden for privacy
DocumentApp.getUi().createMenu('Chat')
.addItem('AutoColor', 'autoColor')
.addItem('Open Chat', 'createChatBox')
.addItem('Elements', 'displayElements') //Hidden as it is not important for regular use
.addItem('MyID', 'showUser')
.addToUi();
}else{
DocumentApp.getUi().createMenu('Chat')
.addItem('AutoColor', 'autoColor')
.addItem('Open Chat', 'createChatBox')
.addToUi();
}
}
//Creates and returns the chats GUI
function createChatBox(){
var app = UiApp.getActiveApplication()
app.setTitle("Chat Bar (not yet working)");
var vPanel = app.createVerticalPanel().setId('chatPanel').setWidth('100%');
var textArea = app.createTextArea().setId('chatBox').setName('chatBox').setReadOnly(true).setText('').setSize('250px', '450px'); //Read only so they can not edit the text, even if it won't affect overall chat
var textBox = app.createTextBox().setId('messageBox').setName('messageBox').setText('Words');
var chatHandler = app.createServerHandler("sayChat").addCallbackElement(textArea).addCallbackElement(textBox);
var chatButton = app.createButton().setId("sayButton").setText("Say!").addMouseUpHandler(chatHandler);
vPanel.add(textArea);
vPanel.add(textBox);
vPanel.add(chatButton);
app.add(vPanel);
DocumentApp.getUi().showSidebar(app);
return app;
}
//The event handler for when the "Say!" (post) button is pressed. Is probably where the conflict stems from.
function sayChat(eventInfo){
var app = UiApp.getActiveApplication();
var parameter = eventInfo.parameter;
app.getElementById("chatBox").setText(parameter.chatBox+"["+getCurrentUser()+"]: "+parameter.messageBox);
app.getElementById("messageBox").setText("");
return app;
}
//A debug function and a function to tell you the unique part of your email (useless, really)
function showUser(){
DocumentApp.getUi().alert("Your userId is: "+getCurrentUser());
}
//Returns the unique part of a person's email; if their email is "magicuser@gmail.com", it returns "magicuser"
function getCurrentUser(){
var email = Session.getActiveUser().getEmail();
return email.substring(0,email.indexOf("@"));
}
//The Auto-color and displayElements methods are hidden as they contain other user-info. They both work as intended and are not part of the issue.
我不需要有人重写代码（尽管非常感谢！），而是指出我做错了什么或建议更改/添加一些内容。
最后，在您提出建议之前，谷歌文档聊天不适用于我们的计算机。这不是文档的错，可能是我们浏览器的兼容性错误。正是因为这个问题，我们正在经历这个有趣而仓促的过程来制作我们自己的聊天方法。
更新
我决定放弃使用纯 Google Apps 脚本的聊天版本，并使用 GAS 和 HTML 帮助改进我的朋友版本。我使用命令 /img 或 /image 添加了图像缩略图/链接支持，以及改进的时间和计数器，以及其他一些幕后更新。这是它的快速截图：
从头开始编写的精彩聊天，没有错误的更新方法，只是一个随意刷新数据库来检查消息和设置 HTML 文本区域文本。不再有错误的 getText 方法。对于数据库中的每条新消息，无论是针对用户还是针对聊天中的每个人，我们都会将所有数据库消息加载到一个限制（一次 50 条消息），然后显示它们。在消息中使用 HTML 是其外观和功能的关键，例如图像。
function getChat() {
var chat = "";
var time = getTime();
var username = getCurrentUsername();
var db = ScriptDb.getMyDb();
var query = db.query({time : db.greaterThan(getJoinTime())}).sortBy('time', db.DESCENDING).limit(50);
var flag = query.getSize() % 2 != 0;
while(query.hasNext()) {
var record = query.next();
if(record.showTo == "all" || record.showTo == getCurrentUsername()) {
var text = record.text;
for(var i = 0; i < text.split(" ").length; i++) {
var substr = text.split(" ")[i];
if(substr.indexOf("http://") == 0 || substr.indexOf("https://") == 0) {
text = text.replace(substr, "<a href='" + substr + "'>" + substr + "</a>");
}
}
var message = "<pre style='display:inline;'><span class='" + (flag? "even" : "odd") + "'><b>[" + record.realTime + "]</b>" + text;
message += "</span></pre>";
chat += message;
flag = !flag;
}
}
//DocumentApp.getUi().alert(getTime() - time);
return chat;
}
我将重新执行他的getChat()方法，只检查新消息，而不是在每次刷新时加载每条消息。