我想加载一个HTML文件(使用fs.read),使用jsdom加载DOM,然后更改正文节点的文本(通过jquery)。然后我想将编辑后的DOM窗口保存为HTML文件。有没有办法做到这一点?我使用的代码如下:
fs.readFile(file, 'utf8', function(error, data) {
jsdom.env(data, [], function (errors, window) {
var $ = require('jquery')(window);
$(document.body.getElementsByTagName("*")).each(function () {
var content = $(this).text();
var word = "\\b"+wordSuggestions.word+"\\b";
var re = new RegExp(word, "g");
content = content.replace(re, wordSuggestions.suggestion);
$(this).text(content);
});
fs.writeFile(file, data, function (error){ // saving the new HTML file? What should I put instead of data? Window?
});
});
});
这是一个如何做到这一点的例子。我已经将它建立在您的代码上,但是将其简化了一些,以便我可以执行代码并说明如何执行它。以下代码读取foo.html
并将文本modified!
添加到所有p
元素,然后将其写入out.html
。你缺少的主要是window.document.documentElement.outerHTML
。
var jsdom = require("jsdom");
var fs = require("fs");
fs.readFile('foo.html', 'utf8', function(error, data) {
jsdom.env(data, [], function (errors, window) {
var $ = require('jquery')(window);
$("p").each(function () {
var content = $(this).text();
$(this).text(content + " modified!");
});
fs.writeFile('out.html', window.document.documentElement.outerHTML,
function (error){
if (error) throw error;
});
});
});
再也没有jsdom.env()
,我认为这个例子更容易理解:
const fs = require('fs');
const jsdom = require('jsdom');
const jquery = require('jquery');
fs.readFile('1.html', 'utf8', (err, data) => {
const dom = new jsdom.JSDOM(data);
const $ = jquery(dom.window);
$('body').html('');
fs.writeFile('2.html', dom.serialize(), err => {
console.log('done');
});
});