- Gist
- Streamable
- Vimeo
- YouTube
- Chart
- Galleria
- Katex
- MapBox
- Mermaid
- Vimeo
- YouTube
- GitHub Issue
- Block quote
- Vimeo (vm.html)
- YouTube (yt.html)
- Select the appropriate JS file for your Zola Theme in the dist and add it to the
staticdirectory in your Zola repository. - Then, set it to be loaded after the
netlify-cms.jsscript tag.
e.g. If you put zola-shortcodes-netlify-cms.built-in.js in your static/js directory, you can write the following in stacic/admin/index.html
<!DOCTYPE html> <html> <head> <link href="/_cms/config.yml" type="text/yaml" rel="cms-config-url"> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Content Manager</title> <script src="https://identity.netlify.com/v1/netlify-identity-widget.js"></script> </head> <body> <script src="https://unpkg.com/netlify-cms@^2.0.0/dist/netlify-cms.js"></script> <script src="/js/zola-shortcodes-netlify-cms.built-in.js"></script><!-- HERE --> </body> </html>You can select the appropriate one from dist. It's named like zola-shortcodes-netlify-cms.<THEME_NAME>.js. If you can't find a theme you use, nice to write it and PR it.
It would be great if you could write it using the src folder as a reference and send a PR.
No. It's OK you select only one *.xxxx.js. It's merged one for built-in Shortcodes, and overwritten with duplicate them.
Netlify CMS Editor Components
- Creating Custom Widgets | Netlify CMS | Open-Source Content Management System
- netlify-cms/index.js at 92d8c50272835201229d4265ef2ee18ee657dc17 · netlify/netlify-cms
Zola Shortcodes