Question

我正在制作自己的IDE，我需要一种从JavaScript函数调用中运行代码（HTML）的方法。

我有一个div我需要用户点击一个按钮然后div将包含来自textarea的html。

通过运行HTML代码我的意思是从文本区域获取输入并将其转储到div中，以便它在div中运行

（我的IDE是迄今为止最好的工作区）My Workspace

这是我的代码：`

<textarea class="txtarea"></textarea>

<div class="browser">A Browser</div>

<button class="run-btn">RUN</button>

<script>

var num = 0;
$(".browser").hide(); // hide my div
$(".run-btn").click(function() {
  num++;
  if (num % 2 == 1) {
    $(".txtarea").hide();
    $(".browser").show(); // my div
    $(".browser").text($(".txtarea").val());
  }
  if (num % 2 == 0) {
    $(".txtarea").show();
    $(".browser").hide();
  }
});


</script>

Answer 1

我认为您必须使用IFrame而不是DIV来呈现输入的HTML代码。

此问题说明如何以编程方式创建包含HTML代码的IFrame：Creating an iframe with given HTML dynamically

Answer 2

我检查了你的代码，但我没有得到什么问题。一切都很好。

如何从js函数运行HTML代码

2 个答案: