Vespa314 / cflow

cflow:魔改版本memos
MIT License
268 stars 45 forks source link

目前使用发现的Bug,和功能建议 #7

Open stkroot opened 2 months ago

stkroot commented 2 months ago
  1. 如果使用多级标题,会自动生成 # 或 ## 标签,手动删除标签,每次编辑卡片后又自动生成

    ## 2级标题
    ### 3级标题
  2. 自定义快捷输入,如果自定义添加很多个,下拉菜单或一级目录显示,列表会很长。(编辑器 -> 自定义快捷输入 -> 在PC端一级目录显示) 能否在一级目录显示时,单独增加自定义的折叠菜单?这样就可把同类功能,折叠到一个子菜单使用

  3. 以下代码无效:

    >>靠右显示
    [[[方框]]]
stkroot commented 2 months ago

顺便贴一个彩色标签美化代码

/* ===== 基础标签样式(无边框)===== */
.tag-span {
    display: inline-block;
    color: #f3f3f3 !important; /* 默认文字颜色 */
    background-color: #40b76b; /* 默认背景色 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 阴影效果 */
    border-radius: 2px; /* 圆角大小 */
    padding: 2px 6px; /* 内边距 */
    font-size: 14px; /* 字体大小 */
    margin-right: 4px; /* 标签间距 */
    margin-bottom: 4px;
    border: none; /* 去掉边框 */
}

/* ===== 暗色模式适配 ===== */
.dark .tag-span {
    background-color: #40b76b; /* 默认背景色 */
    color: #f3f3f3 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* 暗色模式阴影更深 */
}

/* ===== 彩色标签循环(5种颜色循环)===== */
.tag-span:nth-child(5n+1) { background-color: #40b76b; } /* 绿色 */
.tag-span:nth-child(5n+2) { background-color: #157cf5; } /* 蓝色 */
.tag-span:nth-child(5n+3) { background-color: #f298a6; } /* 粉色 */
.tag-span:nth-child(5n+4) { background-color: #fdb15d; } /* 橙色 */
.tag-span:nth-child(5n+5) { background-color: #7445e0; } /* 紫色 */

/* ===== 暗色模式下的文字适配 ===== */
/* 粉色和橙色背景在暗色模式下用深色文字 */
.dark .tag-span:nth-child(5n+3) { color: #333 !important; }
.dark .tag-span:nth-child(5n+4) { color: #333 !important; }

/* ===== 高亮文本样式(保持不变)===== */
mark {
    background-color: #F27579;
    color: #f3f3f3;
    padding-left: 2px;
    border-radius: 2px;
}
Vespa314 commented 2 months ago
  1. 如果使用多级标题,会自动生成 # 或 ## 标签,手动删除标签,每次编辑卡片后又自动生成
## 2级标题
### 3级标题
  1. 自定义快捷输入,如果自定义添加很多个,下拉菜单或一级目录显示,列表会很长。(编辑器 -> 自定义快捷输入 -> 在PC端一级目录显示) 能否在一级目录显示时,单独增加自定义的折叠菜单?这样就可把同类功能,折叠到一个子菜单使用
  2. 以下代码无效:
>>靠右显示
[[[方框]]]
  1. 问题已修复,可以拉最新的latest镜像看看
  2. 暂无此设计的计划
  3. Readme有写,纯个人自定义的乱七八糟的markdown语法在开源的时候去掉了。
stkroot commented 2 months ago
# 标题

1.  代码 `~~删除线~~` 会显示为:
~~删除线~~

2. 代码 `___下划线___` ,好像无效,还会导致底部标签错位

3. 实测会导致标签错位的代码还有
___下划线___
______
***粗斜体***

#标签

标签错位:

Image
stkroot commented 2 months ago
# 标题

其它内容

***粗斜体***

其它内容

#标签

实测,卡片任意位置,只要含有相关代码,标签就会错位

stkroot commented 2 months ago

没记错的话,删除线和下划线,粗斜体等之前是正常可用的 可能是修改###标题问题后,导致的Bug

Vespa314 commented 2 months ago

已修复,顺便把靠右,方框,下划线也加上了。

stkroot commented 2 months ago

页面打不开了,报错

{ "error": "open index.html: file does not exist", "message": "Internal Server Error" }

Vespa314 commented 2 months ago

我的,再试一下

stkroot commented 2 months ago

OK,正常了

stkroot commented 2 months ago

又发现个Bug

  1. markdown 图片显示太小,且点击也无法放大
  2. 图片缺失时,提示不太明显 (像 typora 图片缺失时,是显示全部代码) 缺失图片显示
![测试缺失图片占位](https://github.com/i/测试缺失图片.jpg)

![图片1](https://github.com/Vespa314/cflow/raw/main/web/public/cflow_framework.png)

![N36L- 04疑是背板eSATA口](https://raw.400101.xyz/file/N36L- 04疑是背板eSATA口.png)

图片显示太小

stkroot commented 2 months ago

左侧“资源库”里面的图片,可以鼠标控制缩放查看,能否直接调用?

stkroot commented 2 months ago

顺便再推个教程,高版本降级数据库的方法

Memos完美降级到Memos0.18.2版 https://laozhang.org/archives/3638.html

降级后cflow基本正常,唯一问题是附件“资源库”的图片不能显示(非图片都正常,例如zip文件) 如果平常习惯是使用PicGo图床,图片使用Markdown代码引用,则完全不受影响

stkroot commented 2 months ago

再分享个改编的油猴脚本,在B站看视频时,通过cflow做笔记很实用 作用:B站视频标题前增加一个复制按钮,点击后自动复制视频html代码(含当前播放时间),可以粘贴到cflow里直接使用

Image

油猴脚本:

// ==UserScript==
// @name         Bilibili 链接分享 (cflow增强版)
// @description  为 Bilibili 网页版视频标题头部增加分享按钮,可复制带时间点的Markdown链接和嵌入式HTML代码
// @author       YourName
// @match        *://*.bilibili.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=bilibili.com
// @run-at       document-end
// @grant        unsafeWindow
// @license      Apache-2.0
// ==/UserScript==

;(() => {
  // 配置项
  const config = {
    btnIcon: '⧉',         // 默认图标
    successIcon: '✔',     // 成功图标
    successColor: '#00a1d6', // B站主题蓝
    timeout: 1000,        // 成功状态显示时间(ms)
    checkInterval: 1000   // 守护检查间隔(ms)
  }

  /**
   * 创建分享按钮
   * @returns {HTMLElement}
   */
  const createBtn = () => {
    const $btn = document.createElement('span')
    $btn.id = 'bilibili-title-and-url-share-btn'
    $btn.title = '复制视频链接和嵌入代码(含当前时间点)'
    Object.assign($btn.style, {
      cursor: 'pointer',
      display: 'inline-block',
      marginRight: '12px',
      transition: 'all 0.2s',
      fontSize: '18px',
      userSelect: 'none'
    })
    $btn.innerText = config.btnIcon

    // 点击动画
    $btn.addEventListener('mousedown', () => {
      $btn.style.transform = 'scale(0.8)'
      setTimeout(() => $btn.style.transform = 'scale(1)', 200)
    })

    return $btn
  }

  /**
   * 等待视频标题元素渲染
   * @returns {Promise<HTMLElement>}
   */
  const waitForTitle = () => {
    return new Promise((resolve) => {
      const check = () => {
        const $h1 = document.querySelector('h1.video-title')
        $h1 && $h1.innerText ? resolve($h1) : setTimeout(check, 100)
      }
      check()
    })
  }

  /**
   * 获取视频BVID
   * @returns {string}
   */
  const getBvid = () => {
    const match = window.location.pathname.match(/\/video\/(BV\w+)/)
    return match?.[1] || ''
  }

  /**
   * 获取当前播放时间(秒)
   * @returns {Promise<number>}
   */
  const getCurrentTime = async () => {
    const video = document.querySelector('video')
    if (video) return Math.floor(video.currentTime)

    if (unsafeWindow.player?.getCurrentTime) {
      return Math.floor(unsafeWindow.player.getCurrentTime())
    }

    return 0
  }

  /**
   * 清理标题中的图标
   * @param {string} title
   * @returns {string}
   */
  const cleanTitle = (title) => {
    return title.replace(/^[\s📋✔⎘⧉🔗↗️]+/, '').trim()
  }

  /**
   * 生成要复制的文本
   * @param {string} title
   * @returns {Promise<string>}
   */
  const getTextToCopy = async (title) => {
    const bvid = getBvid()
    const time = await getCurrentTime()
    const timeParam = time > 0 ? `&t=${time}` : ''
    const url = `${location.origin}${location.pathname}`

    return `[视频来源: ${cleanTitle(title)}](${url}?t=${time})\n\n` +
      '```__html\n' +
      '<div style="position:relative;width:100%;padding-top:56.25%">\n' +
      `  <iframe src="//player.bilibili.com/player.html?bvid=${bvid}&autoplay=false${timeParam}"\n` +
      '    style="position:absolute;top:0;left:0;width:100%;height:100%;border:none"\n' +
      '    allowfullscreen>\n' +
      '  </iframe>\n' +
      '</div>\n' +
      '```'
  }

  /**
   * 挂载分享按钮
   */
  const mount = async () => {
    const $h1 = await waitForTitle()
    $h1.style.textIndent = '0'

    const $btn = createBtn()
    $btn.addEventListener('click', async () => {
      try {
        const text = await getTextToCopy($h1.innerText)
        await navigator.clipboard.writeText(text)

        console.info('已复制分享内容:', text)
        $btn.innerText = config.successIcon
        $btn.style.color = config.successColor

        setTimeout(() => {
          $btn.innerText = config.btnIcon
          $btn.style.color = ''
        }, config.timeout)
      } catch (err) {
        console.error('复制失败:', err)
      }
    })

    $h1.prepend($btn)
  }

  /**
   * 守护按钮状态
   */
  const ward = async () => {
    if (!document.querySelector('#bilibili-title-and-url-share-btn')) {
      await mount()
    }
    setTimeout(ward, config.checkInterval)
  }

  // 启动脚本
  ward()
})()
stkroot commented 1 month ago

使用自定义样式,可以临时解决图片缩小的问题

/* 重置图片样式 */
.img {
  all: unset !important;  /* 先重置所有样式 */
  max-width: 100% !important;  /* 添加最大宽度约束 */
  height: auto !important;  /* 保持宽高比 */
  display: inline-block;  /* 恢复默认显示方式 */
}
stkroot commented 1 month ago

但最近又发现个Bug,数字排序和无序列表,无法同时使用(好像是插入表格后会引起该Bug)

表格在前时,数字排序无效

| 左对齐 | 居中对齐 | 右对齐 |
|:-------|:-------:|-------:|
| 单元格 | 单元格  | 单元格 |

1. 序号1
      - 无序列表1
      - 无序列表2

2. 序号2
      * 无序列表1
      * 无序列表2

3. 序号2
      - 无序列表

表格在后时,表格被自动改写,表格失效

1. 序号1
      - 无序列表1
      - 无序列表2

2. 序号2
      * 无序列表1
      * 无序列表2

3. 序号2
      - 无序列表

| 左对齐 | 居中对齐 | 右对齐 |
|:-------|:-------:|-------:|
| 单元格 | 单元格  | 单元格 |
stkroot commented 1 month ago

折叠模块,标题空格又Bug,空格后的文字不显示

%%%标题不支持空格 空格后的不显示

内文

%%%

例如:

%%%kill 命令

kill 命令
**docker kill** : 杀掉一个运行中的容器

**语法:**

**OPTIONS 说明:**
- **-s :** 向容器发送一个信号

%%%
Vespa314 commented 1 month ago

拉一下新代码,下面几个问题均已修复

stkroot commented 1 month ago

OK,修复了,但还有几个小问题

  1. 数字排序没完全修复,比如下面这个代码 (排查是因为误识别 "- -s : 向容器发送一个信号") 补充:*-都会引发Bug
%%% kill 命令
**docker kill** : 杀掉一个运行中的容器

**语法:**

**OPTIONS 说明:**

实测:下面这个代码也会触发Bug

  1. 序号1

    • 无序列表1
    • 无序列表2
  2. 序号2

    • 无序列表1
    • 无序列表2
  3. 序号2

    • 无序列表
左对齐 居中对齐 右对齐
单元格 单元格 单元格

2. 折叠代码%%%中,如果含有代码#,会误添加为标签

%%% 折叠代码中的 #后内容会被误加为标签

#!/bin/bash

root@mark:~# docker history mark/ubuntu:v3
IMAGE             CREATED           CREATED BY                                      SIZE      COMMENT
4e3b13c8a266      3 months ago      /bin/sh -c #(nop) CMD ["/bin/bash"]             0 B                 
<missing>         3 months ago      /bin/sh -c set -xe   && echo '#!/bin/sh' > /u   701 B               
<missing>         3 months ago      /bin/sh -c #(nop) ADD file:43cb048516c6b80f22   136.3 MB

%%%


3. 标签,批量重命名Bug
比如我批量重命名标签"Docker/Docker"时,新标签不小心输入成了"#Docker/新标签",标签就会被改为"##Docker/新标签"。这时,就只能手动一个个改回了,非常麻烦!可以考虑添加一个搜索错误标签的功能(现有搜索功能,无法搜索到"##")
或考虑修改一下重命名功能,不要隐藏"原标签"和"新标签"前面的#号

标题

Docker/误重命名标签 #正常标签

stkroot commented 1 month ago

或者搜索语法,有如'##'、“##”的语法, 来搜索##吗? 因为现在我无法确定,是否修正了所有错误标签。之前是一个个手动修改的,怕有遗漏

stkroot commented 1 month ago
  1. 推荐标签列表,Bug 比如下面这段代码,在代码最后面尝试新增标签,不会弹出推荐标签列表。正常输入#号后,再输入文字会弹出推荐标签列表 一开始我以为是功能和部分代码冲突。然后我开始删除部分代码,发现删除到一定程度后会出现推荐标签列表,但是列表位置偏下很多,错位严重,直到删除代码到一定程度,列表才会完全正常
# cflow 美化代码

/ ===== 基础标签样式(无边框)===== / .tag-span { display: inline-block; color: #f3f3f3 !important; / 默认文字颜色 / background-color: #40b76b; / 默认背景色 / box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); / 阴影效果 / border-radius: 2px; / 圆角大小 / padding: 2px 6px; / 内边距 / font-size: 14px; / 字体大小 / margin-right: 4px; / 标签间距 / margin-bottom: 4px; border: none; / 去掉边框 / }

/ ===== 暗色模式适配 ===== / .dark .tag-span { background-color: #40b76b; / 默认背景色 / color: #f3f3f3 !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); / 暗色模式阴影更深 / }

/ ===== 彩色标签循环(5种颜色循环)===== / .tag-span:nth-child(5n+1) { background-color: #40b76b; } / 绿色 / .tag-span:nth-child(5n+2) { background-color: #157cf5; } / 蓝色 / .tag-span:nth-child(5n+3) { background-color: #f298a6; } / 粉色 / .tag-span:nth-child(5n+4) { background-color: #fdb15d; } / 橙色 / .tag-span:nth-child(5n+5) { background-color: #7445e0; } / 紫色 /

/ ===== 暗色模式下的文字适配 ===== / / 粉色和橙色背景在暗色模式下用深色文字 / .dark .tag-span:nth-child(5n+3) { color: #333 !important; } .dark .tag-span:nth-child(5n+4) { color: #333 !important; }

/ ===== 高亮文本样式(保持不变)===== / mark { background-color: #F27579; color: #f3f3f3; padding-left: 2px; border-radius: 2px; }

/ 隐藏昵称后面的 MOD 字符 / span.rounded.shadow { display: none !important; }


#输入新标签
stkroot commented 1 month ago
  1. 关于tab键,缩进问题Bug。现在只有”选中文本“,才能使用tab键,对整段缩进;但未选中文本时,按tab键就完全无反应了? 合理方案应该是”未选中文本“时,tab键为原键值,只有当选中文本时,才接管整段缩进
stkroot commented 1 month ago
  1. 代码块,显示 Bug 复现步骤:添加代码块,内容输入上面提到的的“Bilibili 链接分享 (cflow增强版)”代码,会出现Bug 测试删减多余代码,发现是含'```'引起的

    … ' \n' + '

\n' + '```' }

stkroot commented 1 month ago
  1. 搜索框搜索+号Bug。例如搜索Dism+++会报错
    Unexpected Application Error!
    Invalid regular expression: /(+)/gi: Nothing to repeat
    SyntaxError: Invalid regular expression: /(+)/gi: Nothing to repeat
    at new RegExp (<anonymous>)
    at t (http://10.10.0.8:5230/assets/MemoResourceListView-e10ad433.js:13:283)
    at a (http://10.10.0.8:5230/assets/MemoResourceListView-e10ad433.js:13:562)
    at a (http://10.10.0.8:5230/assets/MemoResourceListView-e10ad433.js:13:629)
    at a (http://10.10.0.8:5230/assets/MemoResourceListView-e10ad433.js:13:629)
    at http://10.10.0.8:5230/assets/MemoResourceListView-e10ad433.js:13:709
    at Array.map (<anonymous>)
    at a (http://10.10.0.8:5230/assets/MemoResourceListView-e10ad433.js:13:670)
    at Pg (http://10.10.0.8:5230/assets/MemoResourceListView-e10ad433.js:13:843)
    at wg (http://10.10.0.8:5230/assets/MemoResourceListView-e10ad433.js:13:1229)
stkroot commented 1 month ago
  1. 遮蔽代码后,导致无法选中或复制文本
# 无法选中,导致无法复制密码

密码: ||admin||
密钥: ||VC85sv1Nw1E||
yslemmo commented 1 month ago

无法创建笔记,提示「Failed to create memo」 Image

stkroot commented 1 month ago

下面代码也会误添加标签

%%% 展开查看
      # 输出未忽略的文件
      if [ "$skip" = false ]; then
        echo "${file#./}"
      fi
%%%
stkroot commented 1 month ago
  1. 代办事项Bug,非编辑界面,打✔后,再双击卡片,进入编辑页面,✔状态未同步(仍停留在上次编辑的状态),另外连续打✔时,反馈非常卡顿
# 耗材更换记录

**换电池**
- [x] 燃气灶电池: 2025/5/8

**净水器**
- [ ] 净水器滤芯 PP:
- [x] 净水器滤芯 C1:
- [ ] 净水器滤芯 RO:
- [ ] 净水器滤芯 C2:

%%% 人体传感器

**人体传感器**
- [x] 人体传感器: 
- [x] 人体传感器: 
- [x] 人体传感器: 
- [x] 人体传感器: 
- [x] 人体传感器: 
%%%

%%% 门窗传感器

**门窗传感器**
- [x] 门窗传感器:
- [x] 门窗传感器:
- [x] 门窗传感器:
- [x] 门窗传感器:
- [x] 门窗传感器:
%%%

%%% 光照传感器

**光照度传感器**
- [x] 光照传感器:
- [x] 光照传感器:
- [x] 光照传感器:
- [x] 光照传感器:
- [x] 光照传感器:
%%%

%%% 温湿度传感器

**温湿度传感器**
- [x] 温湿度传感器:
- [x] 温湿度传感器:
- [x] 温湿度传感器:
- [x] 温湿度传感器:
- [x] 温湿度传感器:
%%%

##智能家居/小米/耗材
Vespa314 commented 1 month ago
Vespa314 commented 1 month ago

无法创建笔记,提示「Failed to create memo」 Image

数据库用了其他版本的?

stkroot commented 1 month ago

1.排序还是有Bug,比如在序号1处按回车键,序号2内容会被删除

1. 序号1【在这里按下回车键】
      - 无序列表1
      - 无序列表2

2. 序号2
      * 无序列表1
      * 无序列表2

3. 序号3
      - 无序列表

- 其它1
* 其它2

2.问题依然存在

%%% 折叠代码中误加标签

!/bin/bash

root@mark:~# docker history mark/ubuntu:v3 IMAGE CREATED CREATED BY SIZE COMMENT 4e3b13c8a266 3 months ago /bin/sh -c #(nop) CMD ["/bin/bash"] 0 B

3 months ago /bin/sh -c set -xe && echo '#!/bin/sh' > /u 701 B 3 months ago /bin/sh -c #(nop) ADD file:43cb048516c6b80f22 136.3 MB ``` %%% ```` 3.批量重命名Bug:加提醒并无法避免习惯性手误 (毕竟卡片编辑中写标签,格式就是输入`#内容`) 我觉得下图的`#`不要单独提取出来,仍然保留到后面的内容上更好 (即标签格式和编辑卡片时的格式,保持一致) ![1746885425591](https://raw.400101.xyz/temp/1746885425591.png) 5.tab键,我又新建cflow试了下,确实按键无反应(原版tab键正常) 只有选中文字,按tab键才可缩进 ![1746885777446](https://raw.400101.xyz/temp/1746885777446.jpg) 未选中文字,按tab键无任何反应(按键被完全劫持了?) ![1746885849652](https://raw.400101.xyz/temp/1746885849652.jpg) 合理方案:未选中文本时,tab键为原键值,选中文本时,才接管整段缩进; 或者把tab释放出来,整段缩进功能通过(设置 -> 编辑器 -> 自定义快捷输入)下,自定义快捷键? PS:设置 -> 编辑器 -> 自定义快捷输入,排序功能能加上吗?我看视频是有的,现在修改排序只能全部删除,重新批量添加 6.不是代码块内嵌代码块,是不能正确识别结尾(原版无问题)。复现代码: ```` ``` ' \n' + '
\n' + '```' } ``` ````
stkroot commented 1 month ago

无法创建笔记,提示「Failed to create memo」 Image

试试手动降级数据库 https://laozhang.org/archives/3638.html

stkroot commented 1 month ago

3.搜索##实测,搜索的是#(全部标签),而搜索###也无法搜索到## 1746888609544

stkroot commented 1 month ago

8-2下面代码也会误添加标签:这个不好根治,后端没有markdown解析器,无法识别区分,只能简单优化了

如果实在不好根治,建议在设置页,增加一个标签黑名单功能,让用户自定义标签黑名单

我记得标签问题,之前代码块就有,后来修复好了。现在只是折叠块,又触发同一个Bug而已,例如: 下面的代码,现在标签问题正常了,不会误添加标签

!/bin/bash

root@mark:~# docker history mark/ubuntu:v3 IMAGE CREATED CREATED BY SIZE COMMENT 4e3b13c8a266 3 months ago /bin/sh -c #(nop) CMD ["/bin/bash"] 0 B

3 months ago /bin/sh -c set -xe && echo '#!/bin/sh' > /u 701 B 3 months ago /bin/sh -c #(nop) ADD file:43cb048516c6b80f22 136.3 MB ``` ```` 而同样的代码,换成折叠块(或处于折叠块内部),就会误添加新标签 ```` %%% #!/bin/bash root@mark:~# docker history mark/ubuntu:v3 IMAGE CREATED CREATED BY SIZE COMMENT 4e3b13c8a266 3 months ago /bin/sh -c #(nop) CMD ["/bin/bash"] 0 B 3 months ago /bin/sh -c set -xe && echo '#!/bin/sh' > /u 701 B 3 months ago /bin/sh -c #(nop) ADD file:43cb048516c6b80f22 136.3 MB %%% ```` ```` %%% ``` #!/bin/bash root@mark:~# docker history mark/ubuntu:v3 IMAGE CREATED CREATED BY SIZE COMMENT 4e3b13c8a266 3 months ago /bin/sh -c #(nop) CMD ["/bin/bash"] 0 B 3 months ago /bin/sh -c set -xe && echo '#!/bin/sh' > /u 701 B 3 months ago /bin/sh -c #(nop) ADD file:43cb048516c6b80f22 136.3 MB ``` %%% ```` 另外,无论是否能修复这个bug,`标签黑名单`功能最好都加上 因为从`标签列表`下的`标签建议`项,就可看出误标签还是挺多的。特别是如 `#!/bin/bash`、`#!/bin/sh`、`#!/system/bin/sh` 之类的固定内容 ![1746895876141](https://raw.400101.xyz/temp/1746895876141.png)
stkroot commented 1 month ago

9状态同步问题已修复,卡顿问题测试已大幅改善(但还是有点点卡),新建cflow测试则完全无卡顿。 之前应该是某脚本bug引起的,Bug修复后卡顿缓解 现在估计还是数据库数据量大了后,连续勾选时会稍影响速度(勾选动作会触发卡片刷新之类的脚本吗?怀疑是类似脚本刷新间隔时间太短导致数据量大时卡顿)

stkroot commented 1 month ago

另外,双击鼠标左键,进入卡片编辑页面,方便改为3击进入编辑页不?会更符合实际使用习惯

比如,某密码文本,使用遮蔽代码后: 单击: 显示/隐藏 密码 双击: 全选文本 三击: 编辑卡片

而现在双击就编辑卡片了,操作逻辑上不太方便,全选密码文本,只能手动拖选

stkroot commented 1 month ago
stkroot commented 1 month ago

其实可以考虑把编辑器卡片等的配置文件,放到 /var/opt/memos 目录下 这样docker挂载,也可以自行修改。甚至可以专门做个配置文件,给新用户默认使用,这样新用户就无需繁琐设置了。

stkroot commented 1 month ago
Vespa314 commented 4 weeks ago
Vespa314 commented 4 weeks ago

另外,双击鼠标左键,进入卡片编辑页面,方便改为3击进入编辑页不?会更符合实际使用习惯

比如,某密码文本,使用遮蔽代码后: 单击: 显示/隐藏 密码 双击: 全选文本 三击: 编辑卡片

而现在双击就编辑卡片了,操作逻辑上不太方便,全选密码文本,只能手动拖选

看了一下好像都没有三击这个事件,这类需求建议自行改代码按自己需求适配。

Vespa314 commented 4 weeks ago

其实可以考虑把编辑器卡片等的配置文件,放到 /var/opt/memos 目录下 这样docker挂载,也可以自行修改。甚至可以专门做个配置文件,给新用户默认使用,这样新用户就无需繁琐设置了。

  • 标签bug,含.的标签显示异常,例如: #docker/docker-compose.yaml

标签识别问题无法根治下,怎么搞都有badcase,像这个case,就是为了修复这个问题,配置了标签里面不应该有.导致的。

Image
Vespa314 commented 4 weeks ago

8-2下面代码也会误添加标签:这个不好根治,后端没有markdown解析器,无法识别区分,只能简单优化了

如果实在不好根治,建议在设置页,增加一个标签黑名单功能,让用户自定义标签黑名单

我记得标签问题,之前代码块就有,后来修复好了。现在只是折叠块,又触发同一个Bug而已,例如: 下面的代码,现在标签问题正常了,不会误添加标签

!/bin/bash

root@mark:~# docker history mark/ubuntu:v3 IMAGE CREATED CREATED BY SIZE COMMENT 4e3b13c8a266 3 months ago /bin/sh -c #(nop) CMD ["/bin/bash"] 0 B

3 months ago /bin/sh -c set -xe && echo '#!/bin/sh' > /u 701 B 3 months ago /bin/sh -c #(nop) ADD file:43cb048516c6b80f22 136.3 MB ``` ``` 而同样的代码,换成折叠块(或处于折叠块内部),就会误添加新标签 ``` %%% #!/bin/bash root@mark:~# docker history mark/ubuntu:v3 IMAGE CREATED CREATED BY SIZE COMMENT 4e3b13c8a266 3 months ago /bin/sh -c #(nop) CMD ["/bin/bash"] 0 B 3 months ago /bin/sh -c set -xe && echo '#!/bin/sh' > /u 701 B 3 months ago /bin/sh -c #(nop) ADD file:43cb048516c6b80f22 136.3 MB %%% ``` ``` %%% ``` #!/bin/bash root@mark:~# docker history mark/ubuntu:v3 IMAGE CREATED CREATED BY SIZE COMMENT 4e3b13c8a266 3 months ago /bin/sh -c #(nop) CMD ["/bin/bash"] 0 B 3 months ago /bin/sh -c set -xe && echo '#!/bin/sh' > /u 701 B 3 months ago /bin/sh -c #(nop) ADD file:43cb048516c6b80f22 136.3 MB ``` %%% ``` 另外,无论是否能修复这个bug,`标签黑名单`功能最好都加上 因为从`标签列表`下的`标签建议`项,就可看出误标签还是挺多的。特别是如 `#!/bin/bash`、`#!/bin/sh`、`#!/system/bin/sh` 之类的固定内容 ![1746895876141](https://camo.githubusercontent.com/afddc83a0274407bc55429c16b616ac8ab6f38e43dcb3e2f5a755e8f8bf9b030/68747470733a2f2f7261772e3430303130312e78797a2f74656d702f313734363839353837363134312e706e67)

我理解以前memos有标签推荐,就是考虑到实现方法里面对标签提取容易误判导致的,所以才会把杂七杂八的都放在标签推荐里面。

stkroot commented 4 weeks ago
  • 高亮代码Bug,无法正确识别结尾:fix
  • 待办页宽度:fix
  • 自定义快捷输入 排序,导入导出:已支持
  • 6.不是代码块内嵌代码块,是不能正确识别结尾(原版无问题):fix
  • tab缩进问题:fix
stkroot commented 4 weeks ago

其实可以考虑把编辑器卡片等的配置文件,放到 /var/opt/memos 目录下 这样docker挂载,也可以自行修改。甚至可以专门做个配置文件,给新用户默认使用,这样新用户就无需繁琐设置了。

  • 标签bug,含.的标签显示异常,例如: #docker/docker-compose.yaml

标签识别问题无法根治下,怎么搞都有badcase,像这个case,就是为了修复这个问题,配置了标签里面不应该有.导致的。

问题好像更严重了,下面两个代码,分别有两种Bug情况。 实在不行还原之前的代码,加上黑名单功能吧?让用户手动添加标签黑名单

无法折叠模块


%%%

!/bin/bash

root@mark:~# docker history mark/ubuntu:v3 IMAGE CREATED CREATED BY SIZE COMMENT 4e3b13c8a266 3 months ago /bin/sh -c #(nop) CMD ["/bin/bash"] 0 B

3 months ago /bin/sh -c set -xe && echo '#!/bin/sh' > /u 701 B 3 months ago /bin/sh -c #(nop) ADD file:43cb048516c6b80f22 136.3 MB ``` %%% ```` **可折叠,但仍然误添加标签** ```` %%% 折叠模块 ``` #!/bin/bash root@mark:~# docker history mark/ubuntu:v3 IMAGE CREATED CREATED BY SIZE COMMENT 4e3b13c8a266 3 months ago /bin/sh -c #(nop) CMD ["/bin/bash"] 0 B 3 months ago /bin/sh -c set -xe && echo '#!/bin/sh' > /u 701 B 3 months ago /bin/sh -c #(nop) ADD file:43cb048516c6b80f22 136.3 MB ``` %%% ```` **也不知道算不算**:无意中发现的,不小心输错了后,下面这样输入错误,会导致页面混乱 (猜测是连续两段 `%%% +标题` 导致不能正确识别) ```` %%% 标题1(删除标题后,可正常识别) %%% 折叠模块 ``` #!/bin/bash root@mark:~# docker history mark/ubuntu:v3 IMAGE CREATED CREATED BY SIZE COMMENT 4e3b13c8a266 3 months ago /bin/sh -c #(nop) CMD ["/bin/bash"] 0 B 3 months ago /bin/sh -c set -xe && echo '#!/bin/sh' > /u 701 B 3 months ago /bin/sh -c #(nop) ADD file:43cb048516c6b80f22 136.3 MB ``` %%% ````
stkroot commented 4 weeks ago

看了一下好像都没有三击这个事件,这类需求建议自行改代码按自己需求适配。

那使用快捷键可以吗?例如 Ctrl+鼠标点击?

stkroot commented 4 weeks ago

我好像找到页面卡顿的原因了,页面中任意卡片,只要含有代码块超长文字,就会导致页面卡顿 (例如刷新网页,延时5s以上才加载页面) 且待办事项,勾选反应超迟钝,实测代码越长就越卡。但只要把 ``` 删除,同样的内容,只是不显示为代码块,页面立马就变秒开,待办打✔时也不卡了

例如:下面这个卡片就会卡顿 (代码块和待办事项,即使分开2张卡片,一样会卡)

# 耗材更换记录

**换电池**
- [x] 燃气灶电池: 2025/5/8

**净水器**
- [ ] 净水器滤芯 PP:
- [x] 净水器滤芯 C1:
- [ ] 净水器滤芯 RO:
- [x] 净水器滤芯 C2:

%%% 人体传感器

**人体传感器**
- [x] 人体传感器: 
- [ ] 人体传感器: 
- [ ] 人体传感器: 
- [x] 人体传感器: 
- [x] 人体传感器: 
%%%

%%% 门窗传感器

**门窗传感器**
- [ ] 门窗传感器:
- [ ] 门窗传感器:
- [ ] 门窗传感器:
- [ ] 门窗传感器:
- [ ] 门窗传感器:
%%%

%%% 光照传感器

**光照度传感器**
- [x] 光照传感器:
- [ ] 光照传感器:
- [x] 光照传感器:
- [x] 光照传感器:
- [x] 光照传感器:
%%%

%%% 温湿度传感器

**温湿度传感器**
- [x] 温湿度传感器:
- [x] 温湿度传感器:
- [x] 温湿度传感器:
- [x] 温湿度传感器:
- [x] 温湿度传感器:
%%%

例如某加密内容

5Y6f55CG77ya5p-l5om-aGHkuK3liY3nq6_otYTmupDnmoTnm67lvZXvvIzlsIblhbblpI3liLbliLDphY3nva7nm67lvZXnmoR3ZWJfaGVscGVy5paH5Lu25aS55LiL77yM5bm25pCc57Si5pu_5o2iYnJhbmRzLmhvbWUtYXNzaXN0YW50Lmlv5Z-f5ZCN77yM5bCGaGHnmoTnvZHpobXotYTmupDmlofku7bnm67lvZXliqvmjIHoh7PmlrDnm67lvZUKCuWmguS9leS4uuiHquWumuS5iembhuaIkOa3u-WKoGljb27vvJrlnKjpm4bmiJDnm67lvZXkuIvmt7vliqBpY29ucy9pY29uLnBuZ-aWh-S7tu-8jOS4gOiIrOWkp-Wwj-aYryAyNTZ4MjU2CgoK5oSP5aSW5oOF5Ya15oGi5aSN77ya5aaC5p6c5Zug5oSP5aSW5a-86Ie05peg5rOV5omT5byAaGHnvZHpobXvvIzlj6rpnIDliKDpmaTmj5Lku7bph43lkK9oYeWNs-WPr-aBouWkjQoK5o-S5Lu254q25oCB77ya5a6e546w5LqG5Z-65pys5Yqf6IO977yM6L-Y5q-U6L6D566A6ZmL77yM5aaC5pyJ5YW06Laj5Y-v5Lul6Ieq5bex5pS55pS5CgrmvZzlnKjpo47pmanvvJrlpoLmnpzmmrTpnLLlnKjlpJbnvZHlubbkuJTooqvmnInlv4Pkurrpkojlr7nmgKfmiavmj4_vvIzmnInlj6_og73kvJrmmrTpnLLmnI3liqHlmajlronoo4Xkuoblk6rkupvmnIlpY29u55qE6Ieq5a6a5LmJ6ZuG5oiQ77yI5aW95YOP5Lmf5rKh5LuA5LmI5Lu35YC877yJCgrmnKrmnaXlhbzlrrnmgKfvvJrlpoLmnpzmnKrmnaVoYeeJiOacrOeahOWJjeerr-W3peeoi-i_m-ihjOS6huWkp-aUue-8jOWPr-iDveS8muWHuueOsOiOq-WQjeWFtuWmmeeahOe9kemhteW8guW4uOW5tumcgOimgeabtOaWsOaPkuS7tueahOabv-aNouinhOWIme-8iOebtOaOpeabv-aNouWbvuagh-Wfn-WQjeehruWunuW-iOmHju-8jOiDveeUqOWkmuS5heaYr-WkmuS5he-8iQ5Y6f55CG77ya5p-l5om-aGHkuK3liY3nq6_otYTmupDnmoTnm67lvZXvvIzlsIblhbblpI3liLbliLDphY3nva7nm67lvZXnmoR3ZWJfaGVscGVy5paH5Lu25aS55LiL77yM5bm25pCc57Si5pu_5o2iYnJhbmRzLmhvbWUtYXNzaXN0YW50Lmlv5Z-f5ZCN77yM5bCGaGHnmoTnvZHpobXotYTmupDmlofku7bnm67lvZXliqvmjIHoh7PmlrDnm67lvZUKCuWmguS9leS4uuiHquWumuS5iembhuaIkOa3u-WKoGljb27vvJrlnKjpm4bmiJDnm67lvZXkuIvmt7vliqBpY29ucy9pY29uLnBuZ-aWh-S7tu-8jOS4gOiIrOWkp-Wwj-aYryAyNTZ4MjU2CgoK5oSP5aSW5oOF5Ya15oGi5aSN77ya5aaC5p6c5Zug5oSP5aSW5a-86Ie05peg5rOV5omT5byAaGHnvZHpobXvvIzlj6rpnIDliKDpmaTmj5Lku7bph43lkK9oYeWNs-WPr-aBouWkjQoK5o-S5Lu254q25oCB77ya5a6e546w5LqG5Z-65pys5Yqf6IO977yM6L-Y5q-U6L6D566A6ZmL77yM5aaC5pyJ5YW06Laj5Y-v5Lul6Ieq5bex5pS55pS5CgrmvZzlnKjpo47pmanvvJrlpoLmnpzmmrTpnLLlnKjlpJbnvZHlubbkuJTooqvmnInlv4Pkurrpkojlr7nmgKfmiavmj4_vvIzmnInlj6_og73kvJrmmrTpnLLmnI3liqHlmajlronoo4Xkuoblk6rkupvmnIlpY29u55qE6Ieq5a6a5LmJ6ZuG5oiQ77yI5aW95YOP5Lmf5rKh5LuA5LmI5Lu35YC877yJCgrmnKrmnaXlhbzlrrnmgKfvvJrlpoLmnpzmnKrmnaVoYeeJiOacrOeahOWJjeerr-W3peeoi-i_m-ihjOS6huWkp-aUue-8jOWPr-iDveS8muWHuueOsOiOq-WQjeWFtuWmmeeahOe9kemhteW8guW4uOW5tumcgOimgeabtOaWsOaPkuS7tueahOabv-aNouinhOWIme-8iOebtOaOpeabv-aNouWbvuagh-Wfn-WQjeehruWunuW-iOmHju-8jOiDveeUqOWkmuS5heaYr-WkmuS5he-8iQ5Y6f55CG77ya5p-l5om-aGHkuK3liY3nq6_otYTmupDnmoTnm67lvZXvvIzlsIblhbblpI3liLbliLDphY3nva7nm67lvZXnmoR3ZWJfaGVscGVy5paH5Lu25aS55LiL77yM5bm25pCc57Si5pu_5o2iYnJhbmRzLmhvbWUtYXNzaXN0YW50Lmlv5Z-f5ZCN77yM5bCGaGHnmoTnvZHpobXotYTmupDmlofku7bnm67lvZXliqvmjIHoh7PmlrDnm67lvZUKCuWmguS9leS4uuiHquWumuS5iembhuaIkOa3u-WKoGljb27vvJrlnKjpm4bmiJDnm67lvZXkuIvmt7vliqBpY29ucy9pY29uLnBuZ-aWh-S7tu-8jOS4gOiIrOWkp-Wwj-aYryAyNTZ4MjU2CgoK5oSP5aSW5oOF5Ya15oGi5aSN77ya5aaC5p6c5Zug5oSP5aSW5a-86Ie05peg5rOV5omT5byAaGHnvZHpobXvvIzlj6rpnIDliKDpmaTmj5Lku7bph43lkK9oYeWNs-WPr-aBouWkjQoK5o-S5Lu254q25oCB77ya5a6e546w5LqG5Z-65pys5Yqf6IO977yM6L-Y5q-U6L6D566A6ZmL77yM5aaC5pyJ5YW06Laj5Y-v5Lul6Ieq5bex5pS55pS5CgrmvZzlnKjpo47pmanvvJrlpoLmnpzmmrTpnLLlnKjlpJbnvZHlubbkuJTooqvmnInlv4Pkurrpkojlr7nmgKfmiavmj4_vvIzmnInlj6_og73kvJrmmrTpnLLmnI3liqHlmajlronoo4Xkuoblk6rkupvmnIlpY29u55qE6Ieq5a6a5LmJ6ZuG5oiQ77yI5aW95YOP5Lmf5rKh5LuA5LmI5Lu35YC877yJCgrmnKrmnaXlhbzlrrnmgKfvvJrlpoLmnpzmnKrmnaVoYeeJiOacrOeahOWJjeerr-W3peeoi-i_m-ihjOS6huWkp-aUue-8jOWPr-iDveS8muWHuueOsOiOq-WQjeWFtuWmmeeahOe9kemhteW8guW4uOW5tumcgOimgeabtOaWsOaPkuS7tueahOabv-aNouinhOWIme-8iOebtOaOpeabv-aNouWbvuagh-Wfn-WQjeehruWunuW-iOmHju-8jOiDveeUqOWkmuS5heaYr-WkmuS5he-8iQ5Y6f55CG77ya5p-l5om-aGHkuK3liY3nq6_otYTmupDnmoTnm67lvZXvvIzlsIblhbblpI3liLbliLDphY3nva7nm67lvZXnmoR3ZWJfaGVscGVy5paH5Lu25aS55LiL77yM5bm25pCc57Si5pu_5o2iYnJhbmRzLmhvbWUtYXNzaXN0YW50Lmlv5Z-f5ZCN77yM5bCGaGHnmoTnvZHpobXotYTmupDmlofku7bnm67lvZXliqvmjIHoh7PmlrDnm67lvZUKCuWmguS9leS4uuiHquWumuS5iembhuaIkOa3u-WKoGljb27vvJrlnKjpm4bmiJDnm67lvZXkuIvmt7vliqBpY29ucy9pY29uLnBuZ-aWh-S7tu-8jOS4gOiIrOWkp-Wwj-aYryAyNTZ4MjU2CgoK5oSP5aSW5oOF5Ya15oGi5aSN77ya5aaC5p6c5Zug5oSP5aSW5a-86Ie05peg5rOV5omT5byAaGHnvZHpobXvvIzlj6rpnIDliKDpmaTmj5Lku7bph43lkK9oYeWNs-WPr-aBouWkjQoK5o-S5Lu254q25oCB77ya5a6e546w5LqG5Z-65pys5Yqf6IO977yM6L-Y5q-U6L6D566A6ZmL77yM5aaC5pyJ5YW06Laj5Y-v5Lul6Ieq5bex5pS55pS5CgrmvZzlnKjpo47pmanvvJrlpoLmnpzmmrTpnLLlnKjlpJbnvZHlubbkuJTooqvmnInlv4Pkurrpkojlr7nmgKfmiavmj4_vvIzmnInlj6_og73kvJrmmrTpnLLmnI3liqHlmajlronoo4Xkuoblk6rkupvmnIlpY29u55qE6Ieq5a6a5LmJ6ZuG5oiQ77yI5aW95YOP5Lmf5rKh5LuA5LmI5Lu35YC877yJCgrmnKrmnaXlhbzlrrnmgKfvvJrlpoLmnpzmnKrmnaVoYeeJiOacrOeahOWJjeerr-W3peeoi-i_m-ihjOS6huWkp-aUue-8jOWPr-iDveS8muWHuueOsOiOq-WQjeWFtuWmmeeahOe9kemhteW8guW4uOW5tumcgOimgeabtOaWsOaPkuS7tueahOabv-aNouinhOWIme-8iOebtOaOpeabv-aNouWbvuagh-Wfn-WQjeehruWunuW-iOmHju-8jOiDveeUqOWkmuS5heaYr-WkmuS5he-8iQ


##智能家居/小米/耗材
stkroot commented 3 weeks ago

例如 [MEMO](/m/xxx) 这种,引用卡片链接,点开链接后会打开新页面。在这个页面中,会同时显示"引用的卡片"和"被引用的卡片"; 如果卡片中有图片,则点击图片无法正常调用”缩放查看"功能 (且只有第一张卡片无效,下方的第二张卡片又正常)

stkroot commented 2 weeks ago

快捷工具栏,这几个默认的按钮可以隐藏掉吗?因为自定义按钮多了后,默认的有点占位置了(比如在设置页,加个是否显示的开关)

20250530153239173.png

默认的几个按钮

另外,自定义按钮功能,真的要“强烈点赞”,但其默认按钮也是同样的问题(太占位置了) 默认按钮缺点:待办、代码块、表格等

建议:

20250530154844020.png

Vespa314 commented 2 weeks ago
.cflow_upload_icon {
    display: none;
}
stkroot commented 2 weeks ago

可能是我没描述清楚,假设有3张卡片: 卡片A(数字编号99) 卡片B(数字编号100) 卡片C(数字编号101)

卡片A、B、C里面都含有markdown代码的图片!(图)[https://pic.xxx.com/xxx.jpg] 且A、B、C使用代码[MEMO](/m/)互相引用,例如:

卡片A(数字编号99)

相关卡片:[卡片A](/m/99)、[卡片B](/m/100)、[卡片C](/m/101)

!(图片)[https://pic.xxx.com/xxx.jpg]

卡片B(数字编号100)

相关卡片:[卡片A](/m/99)、[卡片B](/m/100)、[卡片C](/m/101)

!(图片)[https://pic.xxx.com/xxx.jpg]

卡片C(数字编号101)

相关卡片:[卡片A](/m/99)、[卡片B](/m/100)、[卡片C](/m/101)

!(图片)[https://pic.xxx.com/xxx.jpg]

Bug复现步骤:

  1. 点击任意卡片下方的引用连接
  2. 会打开如 http://192.168.0.*:5230/m/99http://192.168.0.*:5230/m/100http://192.168.0.*:5230/m/101 的新网页
  3. 网页会显示互相引用的卡片A、B、C
  4. 这时,点击图片,缩放查看功能只在排序后两张的卡片中生效
  5. 排序第一的卡片,则无法查看缩放图片