Skip to content

langzhou/note-attrs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Note Attrs

Note Attrs 是一个简单的组件,用于显示一个笔记的属性。由于它是嵌入在文档页面中的,所以比官方的属性面板操作起来更加便捷和直观。

Note Attrs 与 Note Views 搭配起来使用更佳,它同样也支持属性字段类型,对于字段展示名称、类型的设置,将会在所有 Note Attrs 和 Note Views 挂件中同步生效。这意味着,你只需要维护一份全局属性字段,就可以在多个挂件实例中使用。

使用需知:

  • 第一次添加挂件时将无法加载数据,请务必重新载入笔记使挂件生效。如果不重新载入,点击“保存属性到文档”时会导致内核错误,后续版本将修复;

更新日志:

  • v1.3.0 支持属性隐藏
  • v1.2.1 自动判断网络请求协议(http/https)
  • v1.2.0 新增属性类型:网络链接
  • v1.1.0 首次安装挂件后点击「保存属性到文档」会提示重新载入挂件

提升挂件使用体验的 Tips:

隐藏 iframe 边框,缩小挂件缩放手柄,在主题样式中添加一下代码:

.b3-typography iframe, .protyle-wysiwyg iframe {
  border: 0px solid var(--b3-border-color);
}

.protyle-wysiwyg [data-node-id].iframe .protyle-action__drag:after {
  content: "";
  background-color: #eee;
  width: 12px;
  height: 2px;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 0px;
  box-shadow: none;
  box-sizing: border-box;
  cursor: nwse-resize;
}

.protyle-wysiwyg [data-node-id].iframe .protyle-action__drag {
  height: 12px;
  width: 2px;
  background-color: #eee;
  display: none;
  border-radius: 4px;
  cursor: nwse-resize;
  transition: var(--b3-transition);
  position: absolute;
  right: -4px;
  bottom: 0;
  box-shadow: none;
  box-sizing: border-box;
}

预览

preview

About

一个思源笔记挂件:在文档页面内展示自定义属性

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages