搜索页可否显示完整的块内容?

搜索页包括:关键词搜索、标签搜索等。如下图右侧的搜索页。

我的想法是这样的,在搜索页中显示完整的块内容。

然后在每个块的最右边,加一个类似于「预览全页」的按钮,把光标放到按钮上或者点击按钮,就悬浮出该块所属的页面,以供预览。

这样就不需要目前搜索页下方的全页显示栏了。

目前的设计使得搜索结果分成两栏,太局促。

image.png

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    25108 引用 • 103521 回帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • li80

    @88250 @Vanessa 求 D 大 V 姐考虑。

  • 88250

    不考虑了,浮窗只会比现在显示更局促。

    2 回复
  • li80

    有了预览窗,也就不需要目前的面包屑了,因为预览窗中已经有了面包屑。

    这样的话,一般人只需要看明白搜索结果所在块的内容就行了,如果需要详细了解,再查看全页。

    目前是不管你想不想查看全页,全页栏都在下方占着位置。而且在这个小地方显示全页,也显示不完整、十分不方便。

  • li80

    就给个按钮,悬浮窗口,需要的时候点开看,不需要就不点开呗。

    如果不想搞悬浮窗口,那显示整个搜索结果块如何呢?

  • 88250
    • 面包屑能够展示上下文,也能够悬浮预览上下文
    • 没有预览区的话仅以文本显示搜索结果效果并不好,并且完整显示会有性能问题,你可以想象一下如果搜索结果中有的块比较大,这么多搜索结果条目都全部展示内容会有多卡
    • 并不是按钮越多越好,好的设计需要综合考虑、权衡利弊,最后做出适当取舍
    • 如果有某些自己强烈需要的功能,请考虑插件扩展
    1 回复
  • 鼠标悬浮在块标上能不能显示文档浮窗?

    image.png

    2 回复
  • 88250

    @Vanessa 考虑一下

  • JeffZhu

    能否考虑复用“文档树”那一栏?

    • 当按下“搜索”按钮或 Ctrl+F,就在“文档树”那一栏的上方显示出搜索框
    • 搜索出来的结果也显示在那一栏
    • 每点击一个搜索结果,就在右侧的大框里显示跳转到具体的关键词位置
  • JeffZhu

    不过,我看了有个插件实现了我说的功能,就是不太完善,其实这种方式更加简洁、直观、有效。如果有空,建议你们可以参考老版本的为知笔记,我觉得搜索的功能,他们就做的很好。

  • JeffZhu

    经典版的 WizNote,非 WizNote X

  • i1356

    这个我已经用 css 实现块内容多行显示完整内容,不需要浮窗。具体见我的贴子,有大佬回答的问题中找。

  • i1356

    说实话,默认的显示实在太粗糙了。比如标签页,搜索页,还有闪卡管理页,都是单行显示的,拥挤得很。可以借鉴一下 logseq 的,单页面聚合显示,再美化一下就理想了。

  • i1356

    现在的标签页,搜索页,还有闪卡管理页,都是单行显示的,视觉上拥挤得很。能否借鉴一下 logseq 的,以单独的页面聚合显示标签内容或者闪卡内容,再美化一下就理想了。

  • mark 一下 我插件好像可以试试支持

请输入回帖内容 ...

推荐标签 标签

  • Word
    13 引用 • 40 回帖
  • AngularJS

    AngularJS 诞生于 2009 年,由 Misko Hevery 等人创建,后为 Google 所收购。是一款优秀的前端 JS 框架,已经被用于 Google 的多款产品当中。AngularJS 有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等。2.0 版本后已经改名为 Angular。

    12 引用 • 50 回帖 • 504 关注
  • Mobi.css

    Mobi.css is a lightweight, flexible CSS framework that focus on mobile.

    1 引用 • 6 回帖 • 759 关注
  • AWS
    11 引用 • 28 回帖 • 13 关注
  • Python

    Python 是一种面向对象、直译式电脑编程语言,具有近二十年的发展历史,成熟且稳定。它包含了一组完善而且容易理解的标准库,能够轻松完成很多常见的任务。它的语法简捷和清晰,尽量使用无异义的英语单词,与其它大多数程序设计语言使用大括号不一样,它使用缩进来定义语句块。

    556 引用 • 675 回帖 • 1 关注
  • etcd

    etcd 是一个分布式、高可用的 key-value 数据存储,专门用于在分布式系统中保存关键数据。

    6 引用 • 26 回帖 • 544 关注
  • Shell

    Shell 脚本与 Windows/Dos 下的批处理相似,也就是用各类命令预先放入到一个文件中,方便一次性执行的一个程序文件,主要是方便管理员进行设置或者管理用的。但是它比 Windows 下的批处理更强大,比用其他编程程序编辑的程序效率更高,因为它使用了 Linux/Unix 下的命令。

    124 引用 • 74 回帖 • 1 关注
  • TensorFlow

    TensorFlow 是一个采用数据流图(data flow graphs),用于数值计算的开源软件库。节点(Nodes)在图中表示数学操作,图中的线(edges)则表示在节点间相互联系的多维数据数组,即张量(tensor)。

    20 引用 • 19 回帖 • 1 关注
  • 一些有用的避坑指南。

    69 引用 • 93 回帖
  • 房星科技

    房星网,我们不和没有钱的程序员谈理想,我们要让程序员又有理想又有钱。我们有雄厚的房地产行业线下资源,遍布昆明全城的 100 家门店、四千地产经纪人是我们坚实的后盾。

    6 引用 • 141 回帖 • 594 关注
  • 心情

    心是产生任何想法的源泉,心本体会陷入到对自己本体不能理解的状态中,因为心能产生任何想法,不能分出对错,不能分出自己。

    59 引用 • 369 回帖 • 1 关注
  • Bug

    Bug 本意是指臭虫、缺陷、损坏、犯贫、窃听器、小虫等。现在人们把在程序中一些缺陷或问题统称为 bug(漏洞)。

    76 引用 • 1742 回帖
  • 宕机

    宕机,多指一些网站、游戏、网络应用等服务器一种区别于正常运行的状态,也叫“Down 机”、“当机”或“死机”。宕机状态不仅仅是指服务器“挂掉了”、“死机了”状态,也包括服务器假死、停用、关闭等一些原因而导致出现的不能够正常运行的状态。

    13 引用 • 82 回帖 • 76 关注
  • 七牛云

    七牛云是国内领先的企业级公有云服务商,致力于打造以数据为核心的场景化 PaaS 服务。围绕富媒体场景,七牛先后推出了对象存储,融合 CDN 加速,数据通用处理,内容反垃圾服务,以及直播云服务等。

    28 引用 • 226 回帖 • 134 关注
  • Quicker

    Quicker 您的指尖工具箱!操作更少,收获更多!

    36 引用 • 155 回帖
  • Google

    Google(Google Inc.,NASDAQ:GOOG)是一家美国上市公司(公有股份公司),于 1998 年 9 月 7 日以私有股份公司的形式创立,设计并管理一个互联网搜索引擎。Google 公司的总部称作“Googleplex”,它位于加利福尼亚山景城。Google 目前被公认为是全球规模最大的搜索引擎,它提供了简单易用的免费服务。不作恶(Don't be evil)是谷歌公司的一项非正式的公司口号。

    49 引用 • 192 回帖 • 3 关注
  • GitBook

    GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识,提高团队的工作效率,让用户满意。

    3 引用 • 8 回帖 • 3 关注
  • Kafka

    Kafka 是一种高吞吐量的分布式发布订阅消息系统,它可以处理消费者规模的网站中的所有动作流数据。 这种动作(网页浏览,搜索和其他用户的行动)是现代系统中许多功能的基础。 这些数据通常是由于吞吐量的要求而通过处理日志和日志聚合来解决。

    36 引用 • 35 回帖 • 4 关注
  • 阿里云

    阿里云是阿里巴巴集团旗下公司,是全球领先的云计算及人工智能科技公司。提供云服务器、云数据库、云安全等云计算服务,以及大数据、人工智能服务、精准定制基于场景的行业解决方案。

    84 引用 • 324 回帖
  • 脑图

    脑图又叫思维导图,是表达发散性思维的有效图形思维工具 ,它简单却又很有效,是一种实用性的思维工具。

    31 引用 • 97 回帖
  • SSL

    SSL(Secure Sockets Layer 安全套接层),及其继任者传输层安全(Transport Layer Security,TLS)是为网络通信提供安全及数据完整性的一种安全协议。TLS 与 SSL 在传输层对网络连接进行加密。

    70 引用 • 193 回帖 • 413 关注
  • DNSPod

    DNSPod 建立于 2006 年 3 月份,是一款免费智能 DNS 产品。 DNSPod 可以为同时有电信、网通、教育网服务器的网站提供智能的解析,让电信用户访问电信的服务器,网通的用户访问网通的服务器,教育网的用户访问教育网的服务器,达到互联互通的效果。

    6 引用 • 26 回帖 • 532 关注
  • Sublime

    Sublime Text 是一款可以用来写代码、写文章的文本编辑器。支持代码高亮、自动完成,还支持通过插件进行扩展。

    10 引用 • 5 回帖
  • Rust

    Rust 是一门赋予每个人构建可靠且高效软件能力的语言。Rust 由 Mozilla 开发,最早发布于 2014 年 9 月。

    58 引用 • 22 回帖 • 10 关注
  • 又拍云

    又拍云是国内领先的 CDN 服务提供商,国家工信部认证通过的“可信云”,乌云众测平台认证的“安全云”,为移动时代的创业者提供新一代的 CDN 加速服务。

    20 引用 • 37 回帖 • 575 关注
  • GraphQL

    GraphQL 是一个用于 API 的查询语言,是一个使用基于类型系统来执行查询的服务端运行时(类型系统由你的数据定义)。GraphQL 并没有和任何特定数据库或者存储引擎绑定,而是依靠你现有的代码和数据支撑。

    4 引用 • 3 回帖 • 5 关注
  • Git

    Git 是 Linux Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。

    211 引用 • 358 回帖