You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Say we have the following file, `example.md`, which consists a flexible container. **Each container should be closed with the same colon `:::` at the end. It works also with more colons than tripple colon as well. (4-colon, or 5-colon and more).**
44
+
Say we have the following file, `example.md`, which consists a flexible container. **Each container should be closed with the same length colon `:::` at the end.**
45
+
46
+
**It works also with more colons than tripple colon as well.***(4-colon, or 5-colon and more)*
45
47
46
48
Below, the **container type** is "warning", specified _after the triple colon_`:::`; and the **container title** is "title".
47
49
@@ -90,7 +92,7 @@ async function main() {
90
92
```
91
93
92
94
Now, running `node example.js` yields:\
93
-
_(The `type` of the container is also added **as a class name** into the `container` node and the `title` node)_
95
+
_(The `type` of the container is also added **as a classname** into the `container` node and the `title` node)_
94
96
95
97
```html
96
98
<divclass="remark-container warning">
@@ -206,7 +208,7 @@ If you don't provide a title, the default is **Details** for `<summary>` element
206
208
</details>
207
209
```
208
210
209
-
If you want `<details>` element is opened, add specific identifer **`{@open}`**(attribute) just after the type `details`.
211
+
If you want `<details>` element is opened, add specific identifer **`{@open}`** attribute just after the type `details`.
210
212
```markdown
211
213
::: details {@open} Title
212
214
<!-- content -->
@@ -813,19 +815,21 @@ some **bold content** without stress
813
815
The identifiers (`tagname`, `id`, `classnames`, `attributes`) **must be inside curly braces**.
814
816
815
817
Syntax is very simple.
816
-
+ `tagname` is to be compatible HTML tag name, and may present only once,
817
-
+ `id` is to start with hash **`#`**, and may present only once,
818
-
+ `classnames` are to start with dot **`.`**, and may present many.
819
-
+ `attributes` are to start with at sign **`@`**, and may present many, can be either boolean attribute or key=value attribute.
818
+
+ **`tagname`** is to be compatible HTML tag name, and may present only once,
819
+
+ **`id`** is to start with hash **`#`**, and may present only once,
820
+
+ **`classnames`** are to start with dot **`.`**, and may present many.
821
+
+ **`attributes`** are to start with at sign **`@`**, and may present many, can be either `bare` / `boolean` attribute or `key=value` attribute.
820
822
821
823
There are two groups of identifiers. Each group is optional, may present or not.\
822
-
**The first group of identifiers** _(just after the `type`)_ is for `container` node.\
823
-
**The second group of identifiers** _(just after the `title`)_ is for `title` node.
824
+
+ **The first group of identifiers** _(just after the `type`)_ is for `container` node.\
825
+
+ **The second group of identifiers** _(just after the `title`)_ is for `title` node.
824
826
825
827
**Here are some example usages.** *For simplicity, I omitted the container contents and ending syntax, just put the beginning syntax in the examples.* **All are valid usage for specific identifiers.**
826
828
827
829
> [!TIP]
828
-
> **These identifiers can be placed as all, any three, any two, or just any of them in the desired order, with or without a space between them.** This is why the "flexibility" term comes from. However, make sure that **no character other than a space appears before the at sign (`@`)**, because if you are using a package like `remark-gfm`, it may interpret something like **`{span@open.someclass}`** as an **autolink**. For this reason, **you should insert a space before the at sign `@` if necessary.**
830
+
> **These identifiers can be placed as all, any three, any two, or just any of them in the desired order, with or without a space between them.** This is why the "flexibility" term comes from.
831
+
>
832
+
> However, make sure that **no character other than a space appears before at sign (`@`)**, because if you are using a package like `remark-gfm`, it may interpret something like **`{span@open.someclass}`** as an **autolink**. For this reason, **you should insert a space before at sign `@` if necessary.**
829
833
830
834
```markdown
831
835
::: info {section#foo.myclass.second-class} Title {span#baz.someclass.other-class}
0 commit comments