图片工具
Moraya v0.2.0 引入了全面的图片工具系统。插入图片后,你可以点击图片访问浮动调整工具栏,或右键点击打开完整的上下文菜单。
浮动调整工具栏
点击编辑器中的任意图片,会在图片上方显示一个水平工具栏,提供预设的尺寸选项:
| 按钮 | 效果 |
|---|---|
| 25% | 四分之一大小 |
| 50% | 一半大小 |
| 75% | 四分之三大小 |
| 100% | 全宽 |
| Original | 图片原始尺寸 |
当前选中的尺寸会以强调色高亮显示。点击其他区域可关闭工具栏。
右键上下文菜单
右键点击图片可访问完整的上下文菜单:
- 调整大小 —— 子菜单,包含与上方相同的 25% / 50% / 75% / 100% / Original 选项
- 上传到图床 —— 将本地或 blob 图片上传到你配置的图床服务(仅在非 URL 图片时显示)
- 编辑描述 —— 修改图片的 alt 文本
- 复制图片 URL —— 将图片地址复制到剪贴板
- 删除图片 —— 从文档中移除图片(以红色显示,表示这是一个破坏性操作)
调整尺寸的工作原理
当你调整图片大小时,Moraya 会在 Markdown 中以 HTML 属性的形式输出宽度:
<img src="photo.jpg" width="75%">
这确保了在导出或发布文档时尺寸信息得以保留。
使用技巧
- 对于不应占据整个页面的内联图片,使用 50% 或 75%
- 对于全宽的主图,使用 100%
- 调整工具栏和上下文菜单在可视模式和分屏编辑模式下均可使用