保存 (ほぞん) *

カテゴリ

plugin_browser > ローカルストレージ

環境

wnako

種類

関数

引数

VをKEYに|KEYへ

説明

ブラウザのlocalStorageのキーKに文字列Vを保存

🔍貯蔵庫を検索 / 🔍マニュアルを検索 / 👓ソース

保存』の詳しい解説 *

ブラウザのローカルストレージのキー(KEY)に文字列(V)を保存します。

保存した内容は、開く(または、ローカルストレージ読む)で読むことが出来ます。

なお、JavaScriptのlocalStorageには文字列しか保存できませんが、なでしこでは保存に際して、JSON形式にエンコードした上で保存します。そのため、配列やオブジェクトもそのまま保存できます。ただし、plugin_browser/保存オプション設定から「json」を消すとローカルストレージに対して、JSONエンコードの処理を行わず文字列をそのまま保存します。

簡単な使用例 *

名前をローカルストレージに保存する例です。

   v3.6.11

「開く」と「保存」「存在」の利用例 *

   v3.6.11

注意点 *

  • ローカルストレージは、ブラウザごとに保存されるので、違うブラウザや端末には反映されません。
  • ブラウザで、ローカルストレージを使用しない設定にしていた場合、保存されません。
  • ローカルストレージには機密保持のための機構がありません。重要な情報を一切保存しないようにしましょう。
  • パフォーマンスがそれほど良いわけではありません。
  • 保存可能データはそのWebサイトごとに5 MB以下が推奨されています。
  • 数値、文字列以外のデータ型(オブジェクトなど)は正しく保存されません。

参考 *

return false\n}\n\n\/\/ ace_editors instance\n\/** @type {{ editor: any, editorMarkers: any }[]} *\/\nconst ace_editors = {}\nconst use_textarea_b = {}\n\nfunction ace_editor_init(pid, use_textarea) {\n use_textarea_b[pid] = use_textarea\n if (navigator.nako3 === undefined) {\n setTimeout(function() { ace_editor_init(pid, use_textarea) }, 200);\n return\n }\n if (use_textarea) {\n var edit = document.getElementById(\'nako3_code_\' + pid)\n edit.style.display = \'block\'\n console.log(\'[#nako3 plugin] textarea mode\')\n } else {\n const ace = document.getElementById(\'ace_editor\' + pid)\n ace.style.display = \'block\'\n ace_editors[pid] = navigator.nako3.setupEditor(\'ace_editor\' + pid)\n \/\/ console.log(\'[#nako3 plugin] ace_editor mode\')\n }\n}\n\n\/\/ post\nfunction post_button_init(pid, can_save) {\n const post_span = document.getElementById(\'post_span_\' + pid);\n post_span.style.visibility = can_save ? \"visible\" : \"hidden\"; \/\/ for post\n}\nfunction nako3_post_submit(pid) {\n \/\/ use_textarea ?\n if (!use_textarea_b[pid]) {\n \/\/ copy ace_editor to textarea\n const edit = ace_editors[pid].editor;\n const textarea = document.getElementById(\'nako3_code_\' + pid);\n textarea.value = edit.getValue();\n }\n \/\/ submit\n document.getElementById(\'nako3codeform_\' + pid).submit()\n}\n\n\/\/ \u4eee\u4fdd\u5b58\u306e\u305f\u3081\u306e\u51e6\u7406\nfunction get_kari_hozon_key(pid) {\n return \'nako3edit_kari_src_\' + pid;\n}\n<\/script>\n\n\n\n\n