Skip to content

Latest commit

 

History

History
60 lines (47 loc) · 1.87 KB

README.md

File metadata and controls

60 lines (47 loc) · 1.87 KB

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