將一個預標籤內容複製到另一個按鈕上

Question

我在寫燒瓶web應用程序。這是我的一個Web應用程序頁面的內容。

我想要的是將按鈕單擊時將ID爲「editor2」的預標籤的內容複製到「editor1」。我正在使用ace編輯器。

{% extends "layout.html" %} 
{% block content %} 

<pre id="editor1" style="width: 600px; height: 500px; display: inline-block;"></pre> 

<button type="button" onclick="fork()" class="btn btn-primary" style="vertical-align: middle;">Fork</button> 

<pre id="editor2" style="width: 600px; height: 500px; display: inline-block;"></pre> 
<p id="id">hey</p> 

<script> 
var editor1 = ace.edit("editor1"); 
editor1.setTheme("ace/theme/twilight"); 
editor1.getSession().setMode("ace/mode/javascript"); 

var editor2 = ace.edit("editor2"); 
editor2.setTheme("ace/theme/twilight"); 
editor2.getSession().setMode("ace/mode/javascript"); 
</script> 

<script> 
function fork(){ 
    var text = document.getElementById("editor2").value; 
    document.getElementById("editor1").innerHTML = text; 
} 
</script> 

{% endblock %} 

了RightNow當我點擊按鈕，在「editor1」預內容由文字「未定義」會被替換，並且變得不活躍，即我不能夠在它來寫。

Answer 1

function fork() { 
    var text = editor2.getSession().getValue(); 
    editor1.getSession().setValue(text); 
} 

Answer 2

的通用Element，像你<pre>，沒有任何.value（這就是爲什麼你要undefined）。您可以使用innerHTML獲取其內容。

document.getElementById('editor').innerHTML = document.getElementById('editor2').innerHTML;