Mag*_*Tun 5 javascript jquery google-docs google-apps-script
我想ForegroundColor使用键盘快捷键更改Google文档中的选定文本.
我可以使"更改ForegroundColor"部分(使用绑定到函数setColor()的菜单项),而不是"键盘快捷键部分".
我找到了这段代码但是我无法实现它:
$(document).keydown(function(e){
//CTRL + Q keydown combo
if(e.ctrlKey && e.keyCode == 81){
$( '#output' ).html("I've been pressed!");
}
})
我的困难:
1)我不确定将此代码放在我的脚本编辑器中的位置(我试图将它放在onOpen()下面的函数中,但也在它上面没有成功).
2)我不确定$(文件)应该引用什么.
3)我不确定他们的意思是"必须先点击/激活侧边栏才能实现".
function onOpen() {
var ui = DocumentApp.getUi();
ui.createMenu('My Menu')
.addItem('Color', 'setColor')
.addToUi();
var document = DocumentApp.getActiveDocument() // should it be here?
$(document).keydown(function(e){
//CTRL + Q keydown combo
if(e.ctrlKey && e.keyCode == 81){
SpreadsheetApp.getUi().alert('Hello, world!');
}
})
}
function setColor1() {
var selection = DocumentApp.getActiveDocument().getSelection();
if (selection) {
var elements = selection.getRangeElements();
for (var i = 0; i < elements.length; i++) {
var element = elements[i];
// Only modify elements that can be edited as text; skip images and other non-text elements.
if (element.getElement().editAsText) {
var text = element.getElement().editAsText();
// Edit the selected part of the element, or the full element if it's completely selected.
if (element.isPartial()) {
text.setForegroundColor(element.getStartOffset(), element.getEndOffsetInclusive(), "#00FFFF");
} else {
text.setForegroundColor("#00FFFF");
}
}
}
}
}
在此行中,变量"document"是Google Apps脚本文档中定义的"Document"对象的实例.
var document = DocumentApp.getActiveDocument()
它是对您的云端硬盘中的Google文档的抽象,允许您使用此处描述的一组方法修改您的云端硬盘文件https://developers.google.com/apps-script/reference/document/document
下面的行是jQuery语法.
$(document).keydown(function(e){}
jQuery是一个用于客户端开发的JavaScript库.它用于导航网页的HTML DOM树.$(document)是jQuery对DOM的表示.更多关于jQuery http://jquery.com/
由于Google Apps脚本在Google服务器上运行,而非在您的计算机上本地运行,因此您无法导航DOM树.您仅限于映射到Google服务器上的代码位的GAS功能.这两行代码彼此无关,也不是指同一文档.
同样适用于您可以收听的事件.虽然GAS确实有一些事件处理功能,但事件列表很短(请参阅"简单触发器"和"可安装触发器")https://developers.google.com/apps-script/guides/triggers/
UPDATE
您可以通过使用HtmlService构建自己的自定义UI来实现此目的.需要注意的是,似乎无法将控制权从Google文档移交给UI元素,因此您必须在每次操作后手动将焦点设置在侧边栏上.
以下是.gs项目中文件的外观示例.将此视为您的服务器应用.
//creates html output from the template
function onOpen(){
var ui = DocumentApp.getUi();
var htmlOutput = HtmlService.createTemplateFromFile('sidebar').evaluate();
ui.showSidebar(htmlOutput);
}
function setColor1(){
//your code
}
下面是侧边栏模板的客户端代码.您可以通过单击文件 - >新建 - > Html文件在脚本编辑器中创建模板.在上面的文件中调用它sidebar或您选择的任何内容.如果按"Ctrl + Q",侧边栏将显示确认并在您的文件中调用该功能.var htmlOutput.gssetColor1().gs
有关从客户端调用服务器端GAS功能的更多信息,请访问https://developers.google.com/apps-script/guides/html/reference/run
有关HtmlService的更多信息 https://developers.google.com/apps-script/guides/html/
明显的缺点是侧边栏必须首先获得焦点,因此您在进行选择后总是需要点击它.
<!DOCTYPE html>
<html>
<head>
<base target="_top">
</head>
<body>
<p> Press Ctrl + Q to change the color of selected text </p>
<p id="log"> </p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(document).keydown(function(e){
if(e.ctrlKey && e.keyCode == 81){
$('#log').html('you pressed Ctrl + Q');
google.script.run.setColor1();
}
});
});
</script>
</body>
</html>
希望这可以帮助!
| 归档时间： |
|
| 查看次数： |
2106 次 |
| 最近记录： |