本文介紹了如何將 div 中的源內容導出到 text/html 文件的處理方法,對大家解決問題具有一定的參考價值,需要的朋友們下面隨著小編來一起學習吧!
問題描述
限時送ChatGPT賬號..
假設我有
... 一些 html ...</div>
我需要在這個 div 中獲取 html 代碼,將它放在一個文件中并強制以 TXT
格式下載它.這怎么辦?我應該使用 PHP 還是 JavaScript?我更喜歡 JavaScript.
解決方案
你可以這樣使用:
更新了 jsfiddle,下載 btn(jquery)
使用普通 js 和自動執行的初始 jsfiddle
html
html - 編輯(添加了執行此操作的鏈接)
Js
JS - 編輯
既然您在評論中說您使用的是 jQuery,我將從處理程序中調用此函數,而不是直接調用它.
您可以以文本形式下載,只需刪除函數的第三個參數,它將采用默認值text/plain",并在文件名中添加擴展名 .txt 而不是 html.
注意我編輯了這個答案,因為提問的人評論說他正在尋找如何讓它與處理程序一起工作,他讓它工作,但以防萬一.原代碼在jsfiddle
Let's say I have <div id="main"> ... Some html ...</div> and I need to take the html code within this div, place it inside a file and force a download of it in TXT format.
How can that be done? Should I use PHP or JavaScript? I would prefer JavaScript. 解決方案 You could use something like this:
Updated jsfiddle with download btn(jquery)
Initial jsfiddle with plain js and autoexecution
html<div id="main">
<span>Hey there</span>
</div>
html - Edit (Added a link to perform this action)<a href="#" id="downloadLink">Download the inner html</a>
Jsfunction downloadInnerHtml(filename, elId, mimeType) {
var elHtml = document.getElementById(elId).innerHTML;
var link = document.createElement('a');
mimeType = mimeType || 'text/plain';
link.setAttribute('download', filename);
link.setAttribute('href', 'data:' + mimeType + ';charset=utf-8,' + encodeURIComponent(elHtml));
link.click();
}
var fileName = 'tags.html'; // You can use the .txt extension if you want
JS - Edit
Since you said in the comments that you are using jQuery i'll call this function from a handler, instead of calling it directly.$('#downloadLink').click(function(){
downloadInnerHtml(fileName, 'main','text/html');
});
You can download as a text, just remove the third argument for function, and it will take the default which is "text/plain", and add the extension .txt to the filename instead of html.
Note
I edited this answer since the person who asked commented that he was looking how to make it work with a handler, he made it work, but just in case.
The original code is in the jsfiddle
這篇關于如何將 div 中的源內容導出到 text/html 文件的文章就介紹到這了,希望我們推薦的答案對大家有所幫助,也希望大家多多支持html5模板網!
【網站聲明】本站部分內容來源于互聯網,旨在幫助大家更快的解決問題,如果有圖片或者內容侵犯了您的權益,請聯系我們刪除處理,感謝您的支持!