JS/Electron 将 json 读取到 textarea 并用文本中的更改覆盖

Question

我已成功读取 json 并读取文本区域中的变量，如下所示：

function additem() {

    fs.readFile(path.join(__dirname, 'weekplan.json'), 'utf8', (err, data) => {

        if (err) {

            alert('Could not read file.\n\nDetails:\n' + err.message)

            return

        }

        let json = JSON.parse(data)

        loop(json);

    })

}

async function loop(json) {

    mainWindow.webContents.executeJavaScript(`document.getElementById("mon1").innerHTML = '${json.mon1}'`)

}

在html中：

<textarea type="text" id="mon1" readonly="true" onblur="this.readOnly='true';" ondblclick="this.readOnly='';"></textarea>

当文本区域中的变量 mon1 发生变化时，如何覆盖 json 中的变量 mon1？

Answer 1

我通过重新创建 json 并在任何文本更改时更新它来设法使其工作&nbsp; &nbsp; const fs = require('fs');&nbsp; &nbsp; var textareamon1 = document.getElementById('mon1');&nbsp; &nbsp; function updateResult() {&nbsp; &nbsp; &nbsp; &nbsp;m1 = textareamon1.value;&nbsp; &nbsp; &nbsp; &nbsp;var obj = '{'&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;+'"mon1" : '+'"'+m1+'"'+','&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;+'}';&nbsp; &nbsp; &nbsp; &nbsp;fs.writeFileSync('weekplan.json', obj);&nbsp; &nbsp; }&nbsp; &nbsp; textareamon1.onkeyup = updateResult;