单击按钮后编译html

时间:2018-05-14 14:00:47

标签: jquery html asp.net web

确定。所以我有这种情况:我希望有一个用户可以输入HTML代码的文本区域。按下按钮"预览"我希望在新窗口中打开HTML。我正在使用ASP.NET。你能解释一下如何用HTML编译打开一个新窗口吗?我有这个脚本:

<script type="text/javascript">    

$(document).ready(function () {
    $(".link-preview").click(generatePreview);
});

function generatePreview2($value) {
    document.getElementById("generatedPreview").innerHTML = $value;
}

function generatePreview() {
    $value = $(".textbox-preview").val();
    generatePreview2($value);
}

</script>

2 个答案:

答案 0 :(得分:0)

注意:此示例在此处的代码段编辑器中无效,因为无法识别文档在本地试用,它可以处理您在textarea中插入的任何HTML。

我修改了你的generatePreview2()函数以接收textarea的值并打开一个新窗口+将textarea值写入该新窗口文档。

这对你有帮助吗?

&#13;
&#13;
$(function () {
  $(".link-preview").click(generatePreview);
});

function generatePreview2($value) {
  var result_window = window.open('#','_blank', 'height=500,width=500');
  result_window.document.write($value);
}

function generatePreview() {
  $(".textbox-preview").each(function(){
    generatePreview2($(this).val());
  });
}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<p>Textarea 1</p>
<textarea class="textbox-preview"></textarea>

<p>Textarea 2</p>
<textarea class="textbox-preview"></textarea>

<span class="link-preview">Preview</span>
&#13;
&#13;
&#13;

编辑:我修改了我的代码示例并向generatePreview()添加了循环。您可以根据需要添加任意数量的 textareas具有相同的类名,每个按钮都会打开自己的窗口。 但是:如果有多个浏览器,大多数浏览器会阻止这些窗口。所以你需要允许例如在网址栏右上角的Chrome可以打开任意数量的窗口。记住这一点。

答案 1 :(得分:0)

HTML:

#include <stdio.h>

int main(void)
{
    long long n = 3534567890123456;

    // handle negative numbers
    if (n < 0)
        n = -n; 

    // get rid of 11 digits
    if (n >= 100000000000)
        n /= 100000000000;

    // handle the remaining digits 
    while (n >= 100)
        n /= 10;

    printf("%lld", n);
    return 0;
}

JQuery的:

<textarea id="myhtmlsnippet" style="width:100%;" rows="10"></textarea>
<button id="gethtml">
    Run Snippet
</button>