2. Use example - QuoteSelector and CodeSelector.md

QuoteSelector and CodeSelector

Basic use

Elimination block（代码/引用）

[Xquote]

引用行1 引用行2

[Xcode(true)]

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格式

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

[Xcode(true)]

> 行1
> 行2

[Xquote]

console.log("Hello World")

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

[code2quote]

行1
行2

[quote2code(js)]

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

[hide]

console.log("Hello World")