新页面中的raw textarea(类似于github)和jquery / js

时间:2016-11-30 20:01:18

标签: javascript jquery html

我不知道为什么我没有设法在stackoverflow上找到答案,但是,作为学习练习,我有一个带有textarea的html页面和一个按钮(#button1)来保存内容。这非常有效。

我有第二个按钮:

    $("#button2").click(function(){
    var textcontent = $('textarea#mytextarea').val();

Button2从textarea获取内容并将其显示到控制台。

我的问题:

如何使用仅显示原始文本的按钮(如github)?即使我删除所有的html等,并附加<pre>,wget检索仍然包含页面中的所有代码。

感谢您的时间

1 个答案:

答案 0 :(得分:1)

实现此目的的一种方法是创建一个新窗口并保持对它的引用,然后向其中插入HTML。

// 1. create a new window
var new_window = window.open("", "Title", "toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=780, height=200, top="+(screen.height-400)+", left="+(screen.width-840));

// 2. Insert the HTML into the newly created window
// assumption: the textarea contains the text '<p>Hello World!</p>'; you can easily add it here by concatenation: '<pre>' + textarea_content + '</pre>';
new_window.document.body.innerHTML = '<pre><p>Hello World!</p></pre>'; 

推荐阅读: