本文解决如下两个问题:

1. 在列表视图下使用搜索时,不知道搜出来的笔记属于哪个笔记本。(摘要视图下是有显示的)

2. 增加显示笔记类型(markdown 或 富文本)

修改resources\app\public\js\app\note.js:

1918行,添加如下带注释的两行:

if (note.IsMarkdown) {$('#mdInfoToolbar .created-time').html(goNowToDatetime(note.CreatedTime));$('#mdInfoToolbar .updated-time').html(goNowToDatetime(note.UpdatedTime));$('#mdInfoToolbar .notebook').html(Notebook.getNotebookTitle(note.NotebookId)); // added by wangyong
} else {$('#infoToolbar .created-time').html(goNowToDatetime(note.CreatedTime));$('#infoToolbar .updated-time').html(goNowToDatetime(note.UpdatedTime));$('#infoToolbar .notebook').html(Notebook.getNotebookTitle(note.NotebookId)); // added by wangyong
}

修改resources\app\note.html:

找到361行,添加如下一行:

<!-- 查看信息 -->
<div id="infoToolbar" class="info-toolbar"><span class="lang">Created</span>: <span class="created-time">2015-04-03</span><span class="lang">Updated</span>: <span class="updated-time">2015-05-01</span><span class="lang">Notebook</span>: <span class="notebook">unknown</span> <!-- added by wy-->
</div>

再找到404行,添加如下两行:

<div id="mdInfoToolbar" class="info-toolbar"><span class="lang"> MD </span> <!-- added by wy--><span class="lang">Created</span>: <span class="created-time">2015-04-03</span><span class="lang">Updated</span>: <span class="updated-time">2015-05-01</span><span class="lang">Notebook</span>: <span class="notebook">unknown</span> <!-- added by wy-->
</div>

MD 表示这是一篇markdown格式的笔记。

效果如下:

转载于:https://www.cnblogs.com/duanguyuan/p/8604641.html

leanote 信息栏显示笔记本和笔记类型相关推荐

  1. 解决“chrome正受到自动测试软件的控制”信息栏显示问题(转)

    在使用Selenium WebDriver启动谷歌浏览器Chrome时,在新启动的浏览器地址栏下方经常会显示一行提示信息:"chrome正受到自动测试软件的控制",英文的就是&qu ...

  2. 解决“chrome正受到自动测试软件的控制”信息栏显示问题-V76及以上版本

    在使用Selenium WebDriver启动谷歌浏览器Chrome时,在新启动的浏览器地址栏下方经常会显示一行提示信息:"chrome正受到自动测试软件的控制",英文的就是&qu ...

  3. Idea如何设置分栏显示类信息

    Idea如何设置分栏显示类信息 在使用idea过程中,经常打开很多类,有时候一些类信息重叠隐藏起来了,我们需要把它分栏显示出来 默认单行显示 设置多行显示 设置路径 File -> Settin ...

  4. Android 主题栏,信息栏,深色信息栏(更改手机顶部显示字体/图标颜色为深色)

    Android 主题栏,信息栏,深色信息栏(更改手机顶部显示字体/图标颜色为深色) activity移除主题栏 Objects.requireNonNull(getSupportActionBar() ...

  5. 计算机内存与内置类型,笔记本内存种类有哪些 笔记本常见内存类型介绍

    此前经常有电脑小白咨询我"128GB内存够不够"之类的问题,很明显这是将内存和硬盘搞混了.如果你也分不清内存和硬盘,那么很有必要看下去.本文主要介绍目前笔记本中常见的内存类型,并且 ...

  6. linux type命令(用来显示指定命令的类型,判断给出的指令是内部指令还是外部指令,如果给出的指令为外部指令,则显示其绝对路径)

    文章目录 type 补充说明 语法 选项 参数 实例 type 显示指定命令的类型 补充说明 type命令 用来显示指定命令的类型,判断给出的指令是内部指令还是外部指令. 命令类型: alias:别名 ...

  7. Linux 命令之 type -- 显示指定命令的类型

    文章目录 一.命令介绍 二.命令格式 三.命令类型 四.常用选项 五.命令示例 (一)查看命令的类型 (二)显示外部命令的绝对路径 一.命令介绍 type 命令用来显示指定命令的类型,判断给出的指令是 ...

  8. 基于pymongo的学生信息考勤管理系统开发学习笔记之mongo篇

    基于pymongo的学生信息考勤管理系统开发学习笔记 前言 Chapter 1. 安装简要 第一节 下载安装mongo 第二节 配置mongo 第三节 安装mongoVue Chapter 2. 数据 ...

  9. 怎么显示隐藏的文件类型的后缀名

    很多电脑默认的时候,是隐藏了文件的后缀名,有时候往往给我们带来一些不必要的烦恼,比如txt文件和word文件的相互转换,ppt excel格式的转换等,今天来分享一下怎么显示隐藏的文件类型的后缀名 主 ...

最新文章

  1. Log4j配置及详解
  2. vue+django2.0.2-rest-framework 生鲜项目(八)
  3. 使用PHP发送邮件的两种方法
  4. LeetCode 257二叉树的所有路径-简单
  5. TP框架中的A方法和R方法
  6. 浅析NVR主流芯片方案
  7. 接口调用导致阻塞_RocketMQ与Dubbo之间线程之间如何阻塞和唤醒
  8. java使用jsp建立项目+视频
  9. Oracle+Mybatis模糊查询
  10. 11.0.高等数学3-平面与直线的位置关系
  11. Linux:struct dirent
  12. 发货100全功能网站系统源码
  13. Sublime Text 3 配置C语言运行环境
  14. 知网哭穷赔不起1200亿,网友:收钱时咋不嫌多
  15. 单片机时钟和闹钟设置,串口通信
  16. 人工智能应用-手把手教你用Python硬件编程实现打开或关闭电灯泡
  17. 国美、腾讯的困惑:廉颇老矣,尚能战否?
  18. 友盟推送的接入和遇到问题
  19. BZOJ 3036 绿豆蛙的归宿
  20. 匿怨而友其人,左丘明耻之,丘亦耻之。我不是圣人,我假装什么都没发生。

热门文章

  1. 一文读懂除法溢出-使用汇编重定向0号中端(除法错误中断,比如,执行div指令产生的除法溢出)
  2. XCTF-Reverse:python-trade
  3. 实验九 根据材料编程(改变字体颜色)
  4. 关于Spring 声明式事务处理时,throws exception不回滚的问题
  5. Spring.ImportSelector接口
  6. 分支合并 Fork-Join 框架
  7. SpringBoot @Configuration •@Import •@Conditional•@ImportResoure基本使用
  8. Spring Ioc源码分析 之 Bean的加载(5):循环依赖处理(populateBean())
  9. UNIX再学习 -- exit 和 wait 系列函数
  10. Android PC投屏简单尝试—最终章2