Question

我有一个java脚本从谷歌电子表格复制的变量，我也可以使用<textarea>将其显示为html格式。我的问题是我还有一个变量形式的链接，我想用我之前的变量超链接： -

我认为我的代码会解释一下： -

Javascript复制了一个单元格值“Hello there，I am groot”

code.gs:-

function fetchValues(){
  var ss = SpreadsheetApp.getActiveSpreadsheet();
  var sheet = ss.getSheetByName("Sheet1"); //Enter your sheet Name
  var data  =  sheet.getRange("B2").getValues();

  return data;
}

现在我想超链接变量的“there”部分并显示在我的HTML中。

这是我的iNdex.html： -

<!DOCTYPE html>
<html>

<head>
<base target="_top">
</head>
<textarea class="js-copytextarea" style="width:100%;" rows="5" id="a" Value"a" name="a"></textarea>
<p>
<button class="js-textareacopybtn">Copy Textarea text</button>
</p>

<script>
function displayValue3(data){
document.getElementById("a").value=data;
}

var copyTextareaBtn = document.querySelector('.js-textareacopybtn');

copyTextareaBtn.addEventListener('click', function(event) {
var copyTextarea = document.querySelector('.js-copytextarea');
copyTextarea.select();

try {
var successful = document.execCommand('copy');
var msg = successful ? 'successful' : 'unsuccessful';
console.log('Copying text command was ' + msg);
} catch (err) {
console.log('Oops, unable to copy');
}
});
</script>
</html>

现在我只是不知道如何将这个变量链接添加到“你好，我是groot”中的“there”中，并将文本显示在文本区域中。

Answer 1

您无法在textarea中添加链接，textarea只能显示文本内容。您可以使用标签，或者如果您想编辑内容，可以使用div和contentEditable属性。

<div class="js-copytextarea" style="width:100%;" contentEditable id="content" name="a"></div>

function displayValue3(data){
  document.getElementById("content").innerHTML="<a href='"+data+"'>there</a>"; //I hope data has the valid link
}

有没有办法将超链接数据链接到从电子表格复制的变量

1 个答案: