Saya memiliki beberapa tag, yang ditetapkan sebagai dapat diedit (contentEditable="true"). apakah ada cara untuk menyimpan konten dalam div sebelum memuat dan menempelkan konten yang sama setelah memuat ulang atau cara alternatif apa pun untuk melakukan ini?. Saya sangat baru di bidang pemrograman

<div contentEditable="true" id="main" key="main" class="main" >  
<div contentEditable="true" id="div1" onfocusout="myFunction()"><p>sample para</p></div>
<div contentEditable="true" id="div2" onfocusout="myFunction()"><p>sample para</p></div>
</div >



window.onload = function()
    {
        var a = sessionStorage.getItem('main');
            //alert(a);
            document.getElementById("main").value = a; 
    }

    window.onbeforeunload = function() {
        sessionStorage.setItem("main", $('#main').val());
    }

Saya mencoba ini, tetapi hanya untuk formulir dengan bidang input yang diketahui

Html tubuh saya terlihat seperti

   <body>
    <div>Math in TeX notation</div>

 <div contentEditable="true" id="main" key="main" class="main" >  
    <div contentEditable="true" id="div1" onfocusout="myFunction()"><p>sample para</p></div>
    <div contentEditable="true" id="div2" onfocusout="myFunction()"><p>sample para</p></div>
</div>
    </body>
0
Indian 23 Oktober 2019, 14:29

2 jawaban

Jawaban Terbaik

Anda dapat menyimpan data apa pun ke penyimpanan sesi dan menggunakannya nanti dengan JavaScript:

window.onload = function () {
  const content = sessionStorage.getItem('main');
  if (content) {
     document.getElementById("main").innerHTML = content;
  }
}

window.onbeforeunload = function () {
  sessionStorage.setItem("main", document.getElementById("main").innerHTML);
}
2
Konrad Słotwiński 23 Oktober 2019, 11:51

Saya meretas ini bersama, ini berfungsi untuk saya (menggunakan Firefox), saya mengujinya:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>

    <div id="memo-pad">
        <pre id="memo" contenteditable="true" onkeyup="storeUserMemo(this.id);"></pre>
    </div>

    <script>

        function storeUserMemo(id) {
            let memo = document.getElementById("memo").innerHTML;
            localStorage.setItem("userMemo", memo);
        }

        function getUserMemo() {
            let memo;
            if (localStorage.getItem("userMemo")) {
                memo = localStorage.getItem("userMemo");
            } else {
                memo = "Please write something here!";
            }
            document.getElementById("memo").innerHTML = memo;
        }

        function clearLocal() {
            localStorage.clear();
            document.getElementById("memo").innerHTML = "Please write something here!";
        }

        getUserMemo();

        let memo = document.getElementById("memo");
        memo.addEventListener("input", function () {
            console.log("Wer ändert hier sein Memo?")
        });


    </script>

</body>

</html>

Apa pun yang Anda masukkan di sana bertahan saat halaman dimuat ulang sekarang.

0
JohnnyAwesome 23 Oktober 2019, 12:12