Get started with emmet CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with emmet CDN - cdnhub.io</title>
  <style>
    /* Add your CSS here */
  </style>
  <script src="https://cdn.cdnhub.io/emmet/2.4.7/emmet.es.js"></script>
  <script>
    emmet.setOptions({
      mode: 'html',
      html: {
        use_profiles: false,
        expand_abbr: true
      }
    });

    document.addEventListener('DOMContentLoaded', function() {
      const abbrInput = document.querySelector('#abbr-input');
      const expandButton = document.querySelector('#expand-button');

      expandButton.addEventListener('click', function() {
        const abbr = abbrInput.value;
        const expanded = emmet.expand(abbr);

        document.querySelector('#output').innerHTML = expanded;
      });
    });
  </script>
</head>
<body>
  <input type="text" id="abbr-input" placeholder="Type your Emmet abbreviation here" />
  <button id="expand-button">Expand</button>
  <div id="output"></div>
</body>
</html>

https://cdn.cdnhub.io/emmet/2.4.7/config.d.ts Copied!

https://cdn.cdnhub.io/emmet/2.4.7/emmet.cjs.map Copied!

https://cdn.cdnhub.io/emmet/2.4.7/emmet.es.js Copied!

https://cdn.cdnhub.io/emmet/2.4.7/emmet.es.js.map Copied!

https://cdn.cdnhub.io/emmet/2.4.7/emmet.es.min.js Copied!

https://cdn.cdnhub.io/emmet/2.4.7/extract-abbreviation/brackets.d.ts Copied!

https://cdn.cdnhub.io/emmet/2.4.7/extract-abbreviation/index.d.ts Copied!

https://cdn.cdnhub.io/emmet/2.4.7/extract-abbreviation/is-html.d.ts Copied!

https://cdn.cdnhub.io/emmet/2.4.7/extract-abbreviation/quotes.d.ts Copied!

https://cdn.cdnhub.io/emmet/2.4.7/extract-abbreviation/reader.d.ts Copied!

https://cdn.cdnhub.io/emmet/2.4.7/index.d.ts Copied!

https://cdn.cdnhub.io/emmet/2.4.7/markup/addon/bem.d.ts Copied!

https://cdn.cdnhub.io/emmet/2.4.7/markup/addon/label.d.ts Copied!

https://cdn.cdnhub.io/emmet/2.4.7/markup/addon/xsl.d.ts Copied!

https://cdn.cdnhub.io/emmet/2.4.7/markup/attributes.d.ts Copied!

https://cdn.cdnhub.io/emmet/2.4.7/markup/format/comment.d.ts Copied!

https://cdn.cdnhub.io/emmet/2.4.7/markup/format/haml.d.ts Copied!

https://cdn.cdnhub.io/emmet/2.4.7/markup/format/html.d.ts Copied!

https://cdn.cdnhub.io/emmet/2.4.7/markup/format/indent-format.d.ts Copied!

https://cdn.cdnhub.io/emmet/2.4.7/markup/format/pug.d.ts Copied!

https://cdn.cdnhub.io/emmet/2.4.7/markup/format/slim.d.ts Copied!

https://cdn.cdnhub.io/emmet/2.4.7/markup/format/template.d.ts Copied!

https://cdn.cdnhub.io/emmet/2.4.7/markup/format/utils.d.ts Copied!

https://cdn.cdnhub.io/emmet/2.4.7/markup/format/walk.d.ts Copied!

https://cdn.cdnhub.io/emmet/2.4.7/markup/implicit-tag.d.ts Copied!

https://cdn.cdnhub.io/emmet/2.4.7/markup/index.d.ts Copied!

https://cdn.cdnhub.io/emmet/2.4.7/markup/lorem/index.d.ts Copied!

https://cdn.cdnhub.io/emmet/2.4.7/markup/snippets.d.ts Copied!

https://cdn.cdnhub.io/emmet/2.4.7/markup/utils.d.ts Copied!

https://cdn.cdnhub.io/emmet/2.4.7/output-stream.d.ts Copied!

https://cdn.cdnhub.io/emmet/2.4.7/stylesheet/color.d.ts Copied!

https://cdn.cdnhub.io/emmet/2.4.7/stylesheet/format.d.ts Copied!

https://cdn.cdnhub.io/emmet/2.4.7/stylesheet/index.d.ts Copied!

https://cdn.cdnhub.io/emmet/2.4.7/stylesheet/score.d.ts Copied!

https://cdn.cdnhub.io/emmet/2.4.7/stylesheet/snippets.d.ts Copied!

Get started with emmet CDN

Stable version

How to start using emmet CDN

All versions