跳至主要內容

QuoteSelector and CodeSelector

LincZero大约 1 分钟

QuoteSelector and CodeSelector

Basic use

Elimination block(代码/引用)

引用行1 引用行2

var str = "Hello World" console.log(str)

Add block(代码/引用)

这里借助了“范围选择器”,详见下一节

{[code] ad-quote It is a good plugin }.

{[quote] [!note] 行1 行2 }.

Conversion block

块的转化有时也有大用,例如:

  • 借用md格式
    • 像 Any-Block 就内置了很多这种功能,例如列表转化为其他树类格式。 在设计理念中,也演示过没有callout语法的环境下,如何将引用块转Ad代码块
  • 借用代码格式
    • 反过来也行,例如mermaid是没有提供代码高亮功能的,写起来比较痛苦。
    • 但在这里我们可以借助js的高亮来写mermaid代码,然后渲染回mermaid格式

块的转化是非常灵活的,基于复合处理器,可以有很多种不同的写法: 比较笨拙的写法:

行1 行2

console.log("Hello World")

更好的写法: (code2quote其实就相当于Xcode(true)|quote) (quote2code(js)其实就相当于Xquote|code(js))

12

console.log("Hello World")

其中,如果要转化为callout语法的引用块的话,这里有个语法糖:用感叹号快捷表示,就不用像上一项那样写两行了

{[!info] ad-quote

dfsfs

dfsfsdafa }.

Some helpful tips

Sometimes the content of the code block/reference block is longer and may be easier to fold

you can use the processor: hide、scroll、flod、overflod

console.log("Hello World")