花潮论坛

搜索
热搜: 活动 交友 discuz
查看: 95|回复: 65

帖宝

[复制链接]
  • TA的每日心情
    慵懒
    2025-11-30 07:45
  • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理

    发表于 2025-9-20 20:06 | 显示全部楼层 |阅读模式

    请马上登录,朋友们都在花潮里等着你哦:)

    您需要 登录 才可以下载或查看,没有账号?立即注册

    x
    本帖最后由 马黑黑 于 2025-9-21 10:00 编辑

    帖宝更新小记

                                   
    登录/注册后可看大图

    • 2025年9月21日 :完善一些交互逻辑
    • 2025年9月20日 :预览版发布

                                   
    登录/注册后可看大图


    帖宝,做HTML帖子的好帮手。它不依赖网络,自身的运行只需一个现代浏览器便可以。亦即,下面的链接,可以将其源码存为 .html 文档,例如 tiebao.html,然后任何时候——包括断网的时候——用浏览器打开它,都可以踏踏实实地做帖子。帖宝预览版链接:

            帖宝

    如果确实是在本地做帖,那么,资源可以这么使用——假如你有一个图片存在 d:\图片\ 目录下——

            <img src="d:///图片/镁铝1.jpg" alt="" />

    其它资源,比如音频,视频,可以依照上面的结构构建资源链接。

    当然,有网的时候,可以直接使用网络的可用资源。

    这不是核心。帖宝的特色是所做的帖子会被保存下来,如果点击了“保存”按钮或“预览”按钮的话。每一次点击“保存”或“预览”按钮,帖宝都会将前面的编辑保存下来,理论上,它可以保存很多很多个帖子,这视浏览器而定,不同的浏览器可能能存的字节数不同,不过起点是250MB,理论上爱存多少存多少(但我不知道文章列表会是什么样,因为程序编写好之后我才试做了三个帖子)。

    目前,帖宝致力于追求简洁的风格,希望使用的时候不会找不着北。打开帖宝,可以直接写代码,保存或预览之前最好在右上方填写帖子标题,写新帖子最正确的姿式是点“新建”按钮,这时右上角的帖子标题栏会聚焦,输入标题,然后再写代码。如果此前已经写有帖子,那么,可以点击“打开”按钮,这将弹出帖子列表,点击其中任意一个,可以对它重新编辑,保存或预览之后,它将排到帖子列表的最前方——列表里的文章排列次序依据帖子的更新时间。这里需要特别注意,如果想从旧帖子中修改代码并存为新帖,不是改一个帖子标题就可以的,正确的做法是打开就帖子,复制它的代码,然后新建帖子,粘贴代码再进行修改、保存(或预览)。

    帖子可以删除。要删除某个帖子,首先需要打开它,然后点击底部右边的“删除”按钮,当前帖子会被删除。

    帖宝的定位是做HTML帖子,但也可以拿来写HTML代码的文章。

    帖宝刚刚起步,不过也不希望走的太远,只是图个方便。

    评分

    参与人数 4威望 +160 金钱 +320 经验 +160 收起 理由
    花飞飞 + 30 + 60 + 30 很给力!
    小辣椒 + 50 + 100 + 50 精彩帖子!
    杨帆 + 30 + 60 + 30 很给力!
    红影 + 50 + 100 + 50 赞一个!

    查看全部评分

  • TA的每日心情
    慵懒
    2025-11-30 07:45
  • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理

     楼主| 发表于 2025-9-20 20:22 | 显示全部楼层
    帖宝使用 indexedDB 数据库存储用户数据,indexedDB 是浏览器自带的非关系型数据库,不同的浏览器数据库目录各有不同,且彼此不能互相访问,换言之,如果使用不同的浏览器打开帖宝,所存储的数据是彼此独立的,下一次想打开上一次编辑并保存的帖子,必须使用相同的浏览器,而且,必须只在同一台计算机中打开。

    数据的存储永久存留,除非手动删除或计算机重装了系统。

    评分

    参与人数 2威望 +80 金钱 +160 经验 +80 收起 理由
    花飞飞 + 30 + 60 + 30 很给力!
    红影 + 50 + 100 + 50 赞一个!

    查看全部评分

    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-11-30 07:45
  • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理

     楼主| 发表于 2025-9-20 20:24 | 显示全部楼层
    另外,打开我网站上的链接和打开本地保存的帖宝或其它网站上的帖宝,所存储的数据都是彼此独立的,不因为都是帖宝数据都放在一起。
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2025-11-17 10:56
  • 签到天数: 1050 天

    [LV.10]以坛为家III

    1881

    主题

    32万

    回帖

    37万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析(喊冤)章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理

    发表于 2025-9-20 20:37 | 显示全部楼层
    这个好像特别好,存帖子方便了。
    刚才试着保存了一个。不知道文件名存过后是不是能改,我去看看。
     
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2025-11-17 10:56
  • 签到天数: 1050 天

    [LV.10]以坛为家III

    1881

    主题

    32万

    回帖

    37万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析(喊冤)章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理

    发表于 2025-9-20 20:38 | 显示全部楼层
    保存过的帖子名称也能改呢,还有保存时间,这个真好
     
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-11-30 07:45
  • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理

     楼主| 发表于 2025-9-20 21:02 | 显示全部楼层
    红影 发表于 2025-9-20 20:38
    保存过的帖子名称也能改呢,还有保存时间,这个真好

    现在是预览版,稳定性等还需要测试
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-11-30 07:45
  • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理

     楼主| 发表于 2025-9-20 21:03 | 显示全部楼层
    红影 发表于 2025-9-20 20:37
    这个好像特别好,存帖子方便了。
    刚才试着保存了一个。不知道文件名存过后是不是能改,我去看看 ...

    可以改的
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    奋斗
    2025-11-30 00:22
  • 签到天数: 380 天

    [LV.9]以坛为家II

    297

    主题

    2548

    回帖

    1万

    积分

    版主

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生鹰傲苍穹飞龙在天王者至尊大将风范花潮版主

    发表于 2025-9-20 21:33 | 显示全部楼层
    名副其实的“帖宝”,音画贴制作爱好者的“宝贝”,为马老师点一个大大的赞
    ★青春是一个人的精神生命,奋斗是一个人最大的体面,学习是一个人最美的姿态。
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    奋斗
    2025-11-30 00:22
  • 签到天数: 380 天

    [LV.9]以坛为家II

    297

    主题

    2548

    回帖

    1万

    积分

    版主

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生鹰傲苍穹飞龙在天王者至尊大将风范花潮版主

    发表于 2025-9-20 21:41 | 显示全部楼层
    本帖最后由 杨帆 于 2025-9-20 21:47 编辑

    可以给帖子命名,只是没看到光标,还以为不可编辑呢
    ★青春是一个人的精神生命,奋斗是一个人最大的体面,学习是一个人最美的姿态。
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-11-30 07:45
  • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理

     楼主| 发表于 2025-9-20 21:52 | 显示全部楼层
    杨帆 发表于 2025-9-20 21:41
    可以给帖子命名,只是没看到光标,还以为不可编辑呢

    红色的光标,还有提示语
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-11-30 07:45
  • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理

     楼主| 发表于 2025-9-20 21:52 | 显示全部楼层
    杨帆 发表于 2025-9-20 21:33
    名副其实的“帖宝”,音画贴制作爱好者的“宝贝”,为马老师点一个大大的赞

    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2019-11-25 21:11
  • 签到天数: 1 天

    [LV.1]初来乍到

    1420

    主题

    6万

    回帖

    12万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀青草情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀男儿情怀鹰傲苍穹心香一瓣音画大师天籁妙音风雨同行我心永远喜乐安康中秋征文指尖上的流年花潮管理

    发表于 2025-9-20 22:00 | 显示全部楼层
    帖宝居然会魔术,
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-11-30 07:45
  • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理

     楼主| 发表于 2025-9-20 22:24 | 显示全部楼层
    小辣椒 发表于 2025-9-20 22:00
    帖宝居然会魔术,

    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    奋斗
    2025-11-30 00:22
  • 签到天数: 380 天

    [LV.9]以坛为家II

    297

    主题

    2548

    回帖

    1万

    积分

    版主

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生鹰傲苍穹飞龙在天王者至尊大将风范花潮版主

    发表于 2025-9-20 22:38 | 显示全部楼层
    马黑黑 发表于 2025-9-20 21:52
    红色的光标,还有提示语

    是,人性化设计超棒
    ★青春是一个人的精神生命,奋斗是一个人最大的体面,学习是一个人最美的姿态。
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-8-5 16:33
  • 签到天数: 44 天

    [LV.5]常住居民I

    62

    主题

    1万

    回帖

    2万

    积分

    贵宾

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮美女流光溢彩优雅神秘花潮贵宾

    发表于 2025-9-20 22:50 | 显示全部楼层
    按照步骤试了几个贴子,“打开”界面有惊喜啊。。。只要保存的里面都能找到。。
    这个太好用了,离线编辑器啊,不依赖网络也可使用。。大赞大赞。
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-8-5 16:33
  • 签到天数: 44 天

    [LV.5]常住居民I

    62

    主题

    1万

    回帖

    2万

    积分

    贵宾

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮美女流光溢彩优雅神秘花潮贵宾

    发表于 2025-9-20 22:56 | 显示全部楼层
    马黑黑 发表于 2025-9-20 20:22
    帖宝使用 indexedDB 数据库存储用户数据,indexedDB 是浏览器自带的非关系型数据库,不同的浏览器数据库目 ...

    尽量同一个浏览器编辑,这个太好了。。
    看目前目录这样的空间排列,可以存不少贴子呢。。。
    我是用日期做文件名,用几个月过后首页目录排满,是不是会翻到第二页,
    那这样所有做过的贴子都能找到痕迹,这可真是宝贝。。
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-11-30 07:45
  • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理

     楼主| 发表于 2025-9-20 22:59 | 显示全部楼层
    花飞飞 发表于 2025-9-20 22:50
    按照步骤试了几个贴子,“打开”界面有惊喜啊。。。只要保存的里面都能找到。。
    这个太好用了, ...

    这个就是利用浏览器自带数据库做存储容器,数据库叫 indexedDB,容量大于等于250MB,非关系型数据库,比才5MB起步的 localStorange 文本型存储强大太多(但localStorage简单易用得很)
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-11-30 07:45
  • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理

     楼主| 发表于 2025-9-20 23:01 | 显示全部楼层
    杨帆 发表于 2025-9-20 22:38
    是,人性化设计超棒

    新建还是必须的,它可以清空和重置状态。另外,即使有同名文件,通过新建创建的文档依然是独立于前面编辑的文档,事后随时可以编辑文件名
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-11-30 07:45
  • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理

     楼主| 发表于 2025-9-20 23:08 | 显示全部楼层
    花飞飞 发表于 2025-9-20 22:56
    尽量同一个浏览器编辑,这个太好了。。
    看目前目录这样的空间排列,可以存不少贴子呢。。。
    我是用日期 ...

    当前文章列表不使用分页机制,用的是滚动条,文章多了会出现纵向滚动条。

    文章以日期命名应加上其它文本,仅仅日期显示不出帖子内容。另外,列表提供更新日期和时间,精确到秒
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-8-5 16:33
  • 签到天数: 44 天

    [LV.5]常住居民I

    62

    主题

    1万

    回帖

    2万

    积分

    贵宾

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮美女流光溢彩优雅神秘花潮贵宾

    发表于 2025-9-20 23:16 | 显示全部楼层
    马黑黑 发表于 2025-9-20 22:59
    这个就是利用浏览器自带数据库做存储容器,数据库叫 indexedDB,容量大于等于250MB,非关系型数据库,比 ...

    这个太好了,容量够大,本来一个音画贴就不算大。。
    感觉是可以把做过的几百个贴子都存在里面。。
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|手机版|Archiver|服务支持:DZ动力|huachaowang.com Inc. ( 蜀ICP备17032287号-1 )

    GMT+8, 2025-11-30 16:20 , Processed in 0.184121 second(s), 29 queries .

    Powered by Discuz! X3.4

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表