markmap-autoloader 0.18.3 → 0.18.4-alpha.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -68
- package/dist/index.js +5 -4
- package/package.json +5 -5
package/README.md
CHANGED
|
@@ -6,71 +6,4 @@
|
|
|
6
6
|
|
|
7
7
|
Load markmaps automatically in HTML.
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
HTML:
|
|
12
|
-
|
|
13
|
-
```html
|
|
14
|
-
<style>
|
|
15
|
-
.markmap {
|
|
16
|
-
position: relative;
|
|
17
|
-
}
|
|
18
|
-
.markmap > svg {
|
|
19
|
-
width: 100%;
|
|
20
|
-
height: 300px;
|
|
21
|
-
}
|
|
22
|
-
</style>
|
|
23
|
-
|
|
24
|
-
<div class="markmap">
|
|
25
|
-
<script type="text/template">
|
|
26
|
-
- markmap
|
|
27
|
-
- autoloader
|
|
28
|
-
- transformer
|
|
29
|
-
- view
|
|
30
|
-
</script>
|
|
31
|
-
</div>
|
|
32
|
-
```
|
|
33
|
-
|
|
34
|
-
Note that `<script type="text/template">` is optional, for the content inside to be invisible before the markmap is rendered.
|
|
35
|
-
|
|
36
|
-
Autoload all elements matching `.markmap`, using latest autoloader version:
|
|
37
|
-
|
|
38
|
-
```html
|
|
39
|
-
<script src="https://cdn.jsdelivr.net/npm/markmap-autoloader@latest"></script>
|
|
40
|
-
```
|
|
41
|
-
|
|
42
|
-
To use specific version (here: `0.14.3`) of `mark-autoloader`:
|
|
43
|
-
|
|
44
|
-
```html
|
|
45
|
-
<script src="https://cdn.jsdelivr.net/npm/markmap-autoloader@0.14.3"></script>
|
|
46
|
-
```
|
|
47
|
-
|
|
48
|
-
Load manually:
|
|
49
|
-
|
|
50
|
-
```html
|
|
51
|
-
<script>
|
|
52
|
-
window.markmap = {
|
|
53
|
-
autoLoader: { manual: true },
|
|
54
|
-
};
|
|
55
|
-
</script>
|
|
56
|
-
<script src="https://cdn.jsdelivr.net/npm/markmap-autoloader"></script>
|
|
57
|
-
<script>
|
|
58
|
-
// Render in 5s
|
|
59
|
-
setTimeout(() => {
|
|
60
|
-
markmap.autoLoader.renderAll();
|
|
61
|
-
}, 5000);
|
|
62
|
-
</script>
|
|
63
|
-
```
|
|
64
|
-
|
|
65
|
-
Disable built-in plugins:
|
|
66
|
-
|
|
67
|
-
```html
|
|
68
|
-
<script>
|
|
69
|
-
window.markmap = {
|
|
70
|
-
autoLoader: {
|
|
71
|
-
transformPlugins: [],
|
|
72
|
-
},
|
|
73
|
-
};
|
|
74
|
-
</script>
|
|
75
|
-
<script src="https://cdn.jsdelivr.net/npm/markmap-autoloader"></script>
|
|
76
|
-
```
|
|
9
|
+
👉 [Read the documentation](https://markmap.js.org/docs/packages--markmap-autoloader) for more detail.
|
package/dist/index.js
CHANGED
|
@@ -350,11 +350,12 @@ this.markmap = this.markmap || {};
|
|
|
350
350
|
const autoLoaderOptions = {
|
|
351
351
|
baseJs: [
|
|
352
352
|
`d3@${"7.9.0"}`,
|
|
353
|
-
`markmap-
|
|
354
|
-
`markmap-
|
|
355
|
-
`markmap-
|
|
353
|
+
`markmap-common@${"0.18.0"}`,
|
|
354
|
+
`markmap-lib@${"0.18.4-alpha.4"}`,
|
|
355
|
+
`markmap-view@${"0.18.4-alpha.4"}`,
|
|
356
|
+
`markmap-toolbar@${"0.18.4-alpha.4"}`
|
|
356
357
|
],
|
|
357
|
-
baseCss: [`markmap-toolbar@${"0.18.
|
|
358
|
+
baseCss: [`markmap-toolbar@${"0.18.4-alpha.4"}/dist/style.css`],
|
|
358
359
|
manual: false,
|
|
359
360
|
toolbar: false,
|
|
360
361
|
...(_a = window.markmap) == null ? void 0 : _a.autoLoader
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "markmap-autoloader",
|
|
3
|
-
"version": "0.18.
|
|
3
|
+
"version": "0.18.4-alpha.4+8f90d3c",
|
|
4
4
|
"description": "Load markmaps automatically in HTML",
|
|
5
5
|
"author": "Gerald <gera2ld@live.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -39,9 +39,9 @@
|
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"markmap-common": "0.18.0",
|
|
42
|
-
"markmap-lib": "0.18.
|
|
43
|
-
"markmap-toolbar": "0.18.
|
|
44
|
-
"markmap-view": "0.18.
|
|
42
|
+
"markmap-lib": "0.18.4-alpha.4+8f90d3c",
|
|
43
|
+
"markmap-toolbar": "0.18.4-alpha.4+8f90d3c",
|
|
44
|
+
"markmap-view": "0.18.4-alpha.4+8f90d3c"
|
|
45
45
|
},
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "8f90d3cef5816b56ad80fc1db35caea8df330789"
|
|
47
47
|
}
|