2016-11-30 7 views
0

なぜ私はstackoverflowで答えを見つけることができなかったのか分かりませんが、学習の練習として、テキストエリアとボタン(#button1)を押して内容を保存します。それは完全に機能します。jquery/jsを使用した新しいページの生のテキストエリア

私は2番目のボタンがあります。

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

Button2のはテキストエリアからコンテンツを取得し、コンソールにそれを表示することができます。

私の質問:

どのようにボタンを使用することができます - githubのような - 未処理のテキストのみを表示していましたか?すべてのhtmlなどを取り除いて<pre>を追加しても、wgetの取得にはまだページのすべてのコードが含まれています。

はお時間をいただき、ありがとうございますこれを行うには

+1

あなたがテキストエリア内のコンテンツの例を与えることができ、そして現在の結果は、対たい? –

+0

テキストエリアの内容がどのように保存されているのかはっきりしていません。どのようにテキストを取得しようとしていますか... htmlを削除するために正確に何を行うのかを理解すると便利です... – webeno

+0

そのポストで述べたように、小さなjqueryビットは(それが何であるかにかかわらず)textareaの内容をコピーします。下のあなたのソリューションは素晴らしいですが、私はwgetを使ってこれらのノートを検索することを望んでいたので、新しいリンクを生成するためにもっと多くの作業をする必要があると思われます。 – Farhang

答えて

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>'; 

推奨読書:

関連する問題