Skip to content

hatappo/zola-shortcodes-netlify-cms

Repository files navigation

Zola Shortcodes for Netlify CMS editor

  1. YouTube
  2. Vimeo
  3. Streamable
  4. Gist

Usage

  1. Add or checkout the javascript file to the static directory in your Zola project.
  2. Then, load it after the netlify-cms.js script tag.

e.g. If you put the JS file in 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.js"></script><!-- HERE -->
  </body>
</html>

Screenshot

/screenshot-shortcodes-on-cms.png