Skip to content

ccqin/NoteWidget

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

OneNote Widget AddIn

OneNote 的 Markdown 增强插件,支持 Markdown 编辑、预览、语法高亮和导出功能。

功能特性

Markdown 编辑器

  • 基于 Monaco Editor(VS Code 编辑器引擎)
  • 语法高亮、行号、括号匹配、自动缩进
  • 工具栏快捷操作
    • 加粗、斜体、删除线
    • 标题(H1-H3)
    • 链接、代码块、行内代码
    • 有序列表、无序列表、引用
    • 分割线、表格
  • 键盘快捷键
    • Ctrl+S 保存到 OneNote
    • Ctrl+B 加粗 / Ctrl+I 斜体 / Ctrl+K 链接
    • Ctrl+1/2/3 标题级别
  • 三种视图模式
    • 查看模式(仅预览)
    • 分栏模式(编辑器 + 实时预览)
    • 编辑模式(仅编辑器)
  • 实时预览同步(防抖 500ms)
  • 修改内容写回 OneNote 页面
  • 冲突检测(编辑期间页面被外部修改时提示确认)

Markdown 查看器

  • 基于 Markdig —— 微软推荐的 Markdown 解析器
  • 支持 CommonMark 和 GitHub 风格 Markdown
  • 语法高亮
    • 支持 100+ 种编程语言
  • 深色/浅色配色方案和代码高亮主题
    • 自动检测系统主题
    • 多种代码高亮主题可选
  • Mermaid 图表支持
    • 流程图、时序图、甘特图等
  • 捕获 OneNote 页面中的图片并在 Markdown 查看器中显示
  • 预览窗口刷新(按 F5
  • 自动刷新预览窗口
    • 默认每 1 秒自动刷新
    • 可在设置窗口中将间隔设为较大值来禁用自动刷新(例如设为 999999999)

Markdown 速查表

  • CommonMark 语法
  • 扩展 Markdown 语法
  • 图表
    • Mermaid 图表

导出增强

  • 支持导出笔记本/分区组/分区/页面
  • 支持单文件导出和分层文件导出

演示

语法高亮

    ```csharp
    namespace Demo
    {
        public class MyDemo
        {
            public static void Main(string[] args)
            {
                Console.WriteLine("Hello World!");
            }
        }
    }
    ```

Markdown 预览效果:

    namespace Demo
    {
        public class MyDemo
        {
            public static void Main(string[] args)
            {
                Console.WriteLine("Hello World!");
            }
        }
    }

Mermaid 饼图

    ```mermaid
    pie
      title Key elements in Product X
      "Calcium" : 40
      "Potassium" : 46
      "Magnesium" : 9
      "Iron" :  5

    ```

Markdown 预览效果: <style>#mermaid-1642657277801 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#ccc;}#mermaid-1642657277801 .error-icon{fill:#a44141;}#mermaid-1642657277801 .error-text{fill:#ddd;stroke:#ddd;}#mermaid-1642657277801 .edge-thickness-normal{stroke-width:2px;}#mermaid-1642657277801 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-1642657277801 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-1642657277801 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-1642657277801 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-1642657277801 .marker{fill:lightgrey;stroke:lightgrey;}#mermaid-1642657277801 .marker.cross{stroke:lightgrey;}#mermaid-1642657277801 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-1642657277801 .pieCircle{stroke:black;stroke-width:2px;opacity:0.7;}#mermaid-1642657277801 .pieTitleText{text-anchor:middle;font-size:25px;fill:hsl(28.5714285714, 17.3553719008%, 86.2745098039%);font-family:"trebuchet ms",verdana,arial,sans-serif;}#mermaid-1642657277801 .slice{font-family:"trebuchet ms",verdana,arial,sans-serif;fill:#ccc;font-size:17px;}#mermaid-1642657277801 .legend text{fill:hsl(28.5714285714, 17.3553719008%, 86.2745098039%);font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:17px;}#mermaid-1642657277801 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}}</style>40%46%9%5%Key elements in Product XCalciumPotassiumMagnesiumIron

更多 Mermaid 图表示例

预览窗口截图

onenote版本

速查表截图

许可证

Apache 2.0

About

Markdown add-in for Microsoft Office OneNote

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors

Languages

  • C# 67.4%
  • HTML 23.6%
  • JavaScript 3.2%
  • Batchfile 3.1%
  • Inno Setup 2.7%