帖宝
本帖最后由 马黑黑 于 2025-9-21 10:00 编辑帖宝更新小记
static/image/hrline/1.gif
[*]2025年9月21日 ：完善一些交互逻辑
[*]2025年9月20日 ：预览版发布
static/image/hrline/1.gif
帖宝，做HTML帖子的好帮手。它不依赖网络，自身的运行只需一个现代浏览器便可以。亦即，下面的链接，可以将其源码存为 .html 文档，例如 tiebao.html，然后任何时候——包括断网的时候——用浏览器打开它，都可以踏踏实实地做帖子。帖宝预览版链接：
帖宝
如果确实是在本地做帖，那么，资源可以这么使用——假如你有一个图片存在 d:\图片\ 目录下——
<img src="d:///图片/镁铝1.jpg" alt="" />
其它资源，比如音频，视频，可以依照上面的结构构建资源链接。
当然，有网的时候，可以直接使用网络的可用资源。
这不是核心。帖宝的特色是所做的帖子会被保存下来，如果点击了“保存”按钮或“预览”按钮的话。每一次点击“保存”或“预览”按钮，帖宝都会将前面的编辑保存下来，理论上，它可以保存很多很多个帖子，这视浏览器而定，不同的浏览器可能能存的字节数不同，不过起点是250MB，理论上爱存多少存多少（但我不知道文章列表会是什么样，因为程序编写好之后我才试做了三个帖子）。
目前，帖宝致力于追求简洁的风格，希望使用的时候不会找不着北。打开帖宝，可以直接写代码，保存或预览之前最好在右上方填写帖子标题，写新帖子最正确的姿式是点“新建”按钮，这时右上角的帖子标题栏会聚焦，输入标题，然后再写代码。如果此前已经写有帖子，那么，可以点击“打开”按钮，这将弹出帖子列表，点击其中任意一个，可以对它重新编辑，保存或预览之后，它将排到帖子列表的最前方——列表里的文章排列次序依据帖子的更新时间。这里需要特别注意，如果想从旧帖子中修改代码并存为新帖，不是改一个帖子标题就可以的，正确的做法是打开就帖子，复制它的代码，然后新建帖子，粘贴代码再进行修改、保存（或预览）。
帖子可以删除。要删除某个帖子，首先需要打开它，然后点击底部右边的“删除”按钮，当前帖子会被删除。
帖宝的定位是做HTML帖子，但也可以拿来写HTML代码的文章。
帖宝刚刚起步，不过也不希望走的太远，只是图个方便。
帖宝使用 indexedDB 数据库存储用户数据，indexedDB 是浏览器自带的非关系型数据库，不同的浏览器数据库目录各有不同，且彼此不能互相访问，换言之，如果使用不同的浏览器打开帖宝，所存储的数据是彼此独立的，下一次想打开上一次编辑并保存的帖子，必须使用相同的浏览器，而且，必须只在同一台计算机中打开。
数据的存储永久存留，除非手动删除或计算机重装了系统。 另外，打开我网站上的链接和打开本地保存的帖宝或其它网站上的帖宝，所存储的数据都是彼此独立的，不因为都是帖宝数据都放在一起。 这个好像特别好，存帖子方便了。{:4_187:}
刚才试着保存了一个。不知道文件名存过后是不是能改，我去看看。 保存过的帖子名称也能改呢，还有保存时间，这个真好{:4_187:} 红影 发表于 2025-9-20 20:38
保存过的帖子名称也能改呢，还有保存时间，这个真好
现在是预览版，稳定性等还需要测试 红影 发表于 2025-9-20 20:37
这个好像特别好，存帖子方便了。
刚才试着保存了一个。不知道文件名存过后是不是能改，我去看看 ...
可以改的 名副其实的“帖宝”，音画贴制作爱好者的“宝贝”，为马老师点一个大大的赞{:4_191:} 本帖最后由 杨帆 于 2025-9-20 21:47 编辑
可以给帖子命名，只是没看到光标，还以为不可编辑呢{:4_173:} 杨帆 发表于 2025-9-20 21:41
可以给帖子命名，只是没看到光标，还以为不可编辑呢
红色的光标，还有提示语 杨帆 发表于 2025-9-20 21:33
名副其实的“帖宝”，音画贴制作爱好者的“宝贝”，为马老师点一个大大的赞
{:4_190:} 帖宝居然会魔术，{:4_170:} 小辣椒 发表于 2025-9-20 22:00
帖宝居然会魔术，
{:4_172:} 马黑黑 发表于 2025-9-20 21:52
红色的光标，还有提示语
是，人性化设计超棒{:4_190:} 按照步骤试了几个贴子，“打开”界面有惊喜啊。。。只要保存的里面都能找到。。{:4_173:}
这个太好用了，离线编辑器啊，不依赖网络也可使用。。大赞大赞。 马黑黑 发表于 2025-9-20 20:22
帖宝使用 indexedDB 数据库存储用户数据，indexedDB 是浏览器自带的非关系型数据库，不同的浏览器数据库目 ...
尽量同一个浏览器编辑，这个太好了。。
看目前目录这样的空间排列，可以存不少贴子呢。。。
我是用日期做文件名，用几个月过后首页目录排满，是不是会翻到第二页，
那这样所有做过的贴子都能找到痕迹，这可真是宝贝。。{:4_199:} 花飞飞 发表于 2025-9-20 22:50
按照步骤试了几个贴子，“打开”界面有惊喜啊。。。只要保存的里面都能找到。。
这个太好用了， ...
这个就是利用浏览器自带数据库做存储容器，数据库叫 indexedDB，容量大于等于250MB，非关系型数据库，比才5MB起步的 localStorange 文本型存储强大太多（但localStorage简单易用得很） 杨帆 发表于 2025-9-20 22:38
是，人性化设计超棒
新建还是必须的，它可以清空和重置状态。另外，即使有同名文件，通过新建创建的文档依然是独立于前面编辑的文档，事后随时可以编辑文件名 花飞飞 发表于 2025-9-20 22:56
尽量同一个浏览器编辑，这个太好了。。
看目前目录这样的空间排列，可以存不少贴子呢。。。
我是用日期 ...
当前文章列表不使用分页机制，用的是滚动条，文章多了会出现纵向滚动条。
文章以日期命名应加上其它文本，仅仅日期显示不出帖子内容。另外，列表提供更新日期和时间，精确到秒 马黑黑 发表于 2025-9-20 22:59
这个就是利用浏览器自带数据库做存储容器，数据库叫 indexedDB，容量大于等于250MB，非关系型数据库，比 ...
这个太好了，容量够大，本来一个音画贴就不算大。。
感觉是可以把做过的几百个贴子都存在里面。。{:4_199:}