2017-08-06 5 views
1

GoogleスプレッドシートからコピーしたJavaスクリプトの変数があり、<textarea>を使ってhtml形式で表示することもできます。私の問題は、私はまた、私は私の以前の変数にハイパーリンクにしたい変数の形でのリンクがあることである: - 私は私のコードは、もう少し説明すると思いスプレッドシートからコピーされた変数にデータをハイパーリンクする方法はありますか

を: - Javascriptがそのセルの値をコピーし

今私は、変数の「そこ」の部分をハイパーリンクと私のHTMLに表示したい

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

    return data; 
} 

code.gs:-

「こんにちは、私はグルートだ」されます。ここで

は私の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> 

今、私はちょうどから「そこ」にその変数のリンクを追加する方法がわからない「こんにちは、私はグルートだ」とにテキストを表示しますテキスト領域。

答えて

1

テキストエリア内にリンクを追加することはできません。テキストエリアにはテキストコンテンツのみを表示できます。ラベルを使用するか、コンテンツを編集する場合は、contentEditable属性でdivを使用できます。

<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 
} 
+0

申し訳ありませんリッツ、私は私の質問を明確にすることができなかったと思います! 。 2つの変数があります.1つはGoogleスプレッドシートからコピーしたテキストを含み、もう1つはvar "decklink"というリンクです。もう一度見ていただけますか? – Mask

+0

質問に変数decklinkが表示されません。スプレッドシートを共有してください。 – Ritz

+0

ここには[link](https://docs.google.com/spreadsheets/d/16Y_rYp4PDCw_eDiif2ibQHCo6d0af3p_cjR2pA7LhvE/edit?usp=sharing)です。 – Mask

関連する問題