Question

我尝试将值从div复制到textarea，但它确实有效。但我想在textarea中使用javascript的内容，如果我不点击文字区域并使用例如＆＃34;空格键＆＃34;它不起作用：/我需要点击这里并写任何东西才能使它工作。但我想让它无需手动编辑任何东西。我想在textarea中只有div的副本。这是我的代码：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Editor</title>
  <style type="text/css" media="screen">
#editor { 
  margin-left: 15px;
  margin-top: 15px;
  width: 500px;
  height: 400px;
}
  </style>
</head>
<body>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
  <script src="src-min/ace.js" type="text/javascript" charset="utf-8"></script>
<script src="src-noconflict/ace.js" type="text/javascript" charset="utf-8"></script>

<div id="editor"></div>
<textarea id="input"></textarea>
<script src="bundle.js"></script>
<form id="myForm">
  <input type="hidden" id="output">
</form>
<button onclick="myFunction()">Click me</button> 
<script>

function myFunction() {
var code = editor.getSession().getValue();
    console.log(code);
    console.log(document.getElementById('output').innerHTML);
    var test = document.getElementById('input');
    console.log(test.value);
}
       var textarea = $('#input');

   var editor = ace.edit("editor");
   editor.setTheme("ace/theme/monokai");
   editor.getSession().setMode("ace/mode/sh");

   editor.getSession().on('change', function () {
       textarea.val(editor.getSession().getValue());
   });

   textarea.val(editor.getSession().getValue());
</script>
</body>
</html>

＆＃34; budle.js＆＃34;文件：

var input = document.getElementById('input');
var error = document.getElementById('error');

input.addEventListener('change', update);
input.addEventListener('input', update); 

function update() {
  try {
    var value = parse(input.value);
    output.textContent = JSON.stringify(value, null, 2);
    error.textContent = '';
  } catch (e) {
    error.textContent = String(e);
  }
}

@edit

所以我想发送textarea的内容而不进行任何集成，但现在我需要点击其中的空格键以使其正常工作：/

将文本从div复制到textarea，并使其无需集成在textarea中

0 个答案: