added support for charts
This commit is contained in:
parent
7c4aa74069
commit
d9350b8424
4
layouts/_default/_markup/render-codeblock-mermaid.html
Normal file
4
layouts/_default/_markup/render-codeblock-mermaid.html
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
<div class="mermaid">
|
||||||
|
{{- .Inner | safeHTML }}
|
||||||
|
</div>
|
||||||
|
{{ .Page.Store.Set "hasMermaid" true }}
|
@ -19,5 +19,20 @@
|
|||||||
</main>
|
</main>
|
||||||
{{ partialCached "footer.html" . .Layout .Kind (.Param "hideFooter") (.Param "ShowCodeCopyButtons") -}}
|
{{ partialCached "footer.html" . .Layout .Kind (.Param "hideFooter") (.Param "ShowCodeCopyButtons") -}}
|
||||||
</body>
|
</body>
|
||||||
|
{{ if .Page.Store.Get "hasMermaid" }}
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
|
||||||
|
<script>
|
||||||
|
mermaid.initialize({ startOnLoad: true });
|
||||||
|
</script>
|
||||||
|
{{ end }}
|
||||||
|
{{/* {{ if .Page.Store.Get "hasChart" }}
|
||||||
|
<script
|
||||||
|
src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.9.1/chart.min.js"
|
||||||
|
integrity="sha512-ElRFoEQdI5Ht6kZvyzXhYG9NqjtkmlkfYk0wr6wHxU9JEHakS7UJZNeml5ALk+8IKlU6jDgMabC3vkumRokgJA=="
|
||||||
|
crossorigin="anonymous"
|
||||||
|
referrerpolicy="no-referrer"
|
||||||
|
></script>
|
||||||
|
{{ end }} */}}
|
||||||
|
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
17
layouts/shortcodes/chart.html
Normal file
17
layouts/shortcodes/chart.html
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
<div>
|
||||||
|
<h1>TEST</h1>
|
||||||
|
<canvas id='{{ .Get "id"}}' width='{{ .Get "width" }}' height='{{ .Get "height" }}'></canvas>
|
||||||
|
<script
|
||||||
|
src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.9.1/chart.min.js"
|
||||||
|
integrity="sha512-ElRFoEQdI5Ht6kZvyzXhYG9NqjtkmlkfYk0wr6wHxU9JEHakS7UJZNeml5ALk+8IKlU6jDgMabC3vkumRokgJA=="
|
||||||
|
crossorigin="anonymous"
|
||||||
|
referrerpolicy="no-referrer">
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
(function () {
|
||||||
|
var ctx = document.getElementById('{{ .Get "id"}}');
|
||||||
|
var myChart = new Chart(ctx, {{ index .Site.Data (split (.Get "data") ".") }});
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
{{/* {{ .Page.Store.Set "hasChart" true }} */}}
|
Loading…
x
Reference in New Issue
Block a user