File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 1+ # Second Page
2+
3+ <style >
4+ .markdown-section {
5+ overflow : initial !important
6+ }
7+ .honkit-plugin-sandpack {
8+ width : calc (100% + 200px );
9+ margin : 0 0 0 -100px ;
10+ background : #EECE34 ;
11+ }
12+ </style >
13+
14+ This is combination with CodeBlock.
15+
16+ <!-- sandpack:{
17+ "files": {
18+ "/src/index.js": {
19+ "path": "example1/index.js"
20+ },
21+ "/index.html": {
22+ "path": "example1/index.html"
23+ }
24+ },
25+ "entry": "/index.html",
26+ "dependencies": {
27+ "uuid": "latest"
28+ }
29+ } -->
30+
31+ ``` js
32+ document .querySelector (" h1" ).style .color = " red" ;
33+ ```
34+
35+ Open editor at first.
36+
37+ <!-- sandpack:{
38+ "files": {
39+ "/src/index.js": {
40+ "prependCode": "import '/src/index.css'; // Hack to load index.css\n",
41+ "path": "example2/src/index.js"
42+ },
43+ "/src/App.js": {
44+ "path": "example2/src/App.js",
45+ "active": true
46+ },
47+ "/src/index.css": {
48+ "path": "example2/src/index.css",
49+ "hidden": true
50+ },
51+ "/index.html": {
52+ "path": "example2/index.html"
53+ }
54+ },
55+ "entry": "/index.html",
56+ "options": {
57+ "showLineNumbers": true,
58+ "showInlineErrors": true,
59+ "wrapContent": false,
60+ "editorHeight": 550,
61+ "editorWidthPercentage": 60
62+ },
63+ "honkitSettings": {
64+ "isOpen": true,
65+ "hideExitButton": true
66+ }
67+ } -->
Original file line number Diff line number Diff line change 11# Summary
22
33* [ Introduction] ( README.md )
4+ * [ Second Page] ( SECOND.md )
45
You can’t perform that action at this time.
0 commit comments