編集できるテーブルがあり、編集が完了したらそのリストを保存する簡単なコードがあります。
(テーブルにはコンテンツが編集可能です)
私が遭遇した問題は、Enterキーをダブルクリックすると、テーブルが同じIDを持つ2つの別々のテーブルに分割されることです。これにより、localStorageを設定するために使用しているコードがテーブルの1つだけを格納するようになります(最初のものを想定しています)。さまざまな解決策を考えましたが、誰かが賛否両論を指摘できるかどうか疑問に思います(解決策がある場合)それでも動作します)。
テーブルの後にページをチェックし、それらをlocalStorage-itemsの配列に格納するループを作成します。テーブルごとにlocalStorageアイテムを動的に作成する必要があります。
テーブルが含まれているdiv全体を取得し、それをlocalStorageに保存します。ユーザーがページに再度アクセスすると、ページはストレージ内のアイテムをチェックし、div全体を表示します。
これを打ち負かすことができる提案はあります:)..(ただし、キャッシュはありません。localStorageを使用する必要があります!)