Upgrade To Pro Member

Limtless possibilites
Introductions to roles that fit your skills
Pro tutorials, courses & resources
Portfolio analytics - see how popular your profile really is
Portfolio featured on home page
Choose plan ($10pm)

Upgrade To Pro Member

Limtless possibilites
Introductions to roles that fit your skills
Pro tutorials, courses & resources
Portfolio analytics - see how popular your profile really is
Portfolio featured on home page
Choose plan ($10pm)

Description

Get a code editor onto your webflow project with codemirror

In head tag

<script type="text/javascript"
 src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.52.2/mode/javascript/javascript.min.js">
</script>
<link rel="stylesheet"
 href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.52.2/theme/monokai.min.css">

Before body tag

<script type="text/javascript">
function qsa(sel) {
   return Array.apply(null, document.querySelectorAll(sel));
}
qsa(".editor").forEach(function (editorEl) {
 CodeMirror.fromTextArea(editorEl, {
   lineNumbers: true,
   styleActiveLine: true,
   matchBrackets: true,
   theme: 'monokai',
 });
});
</script>

Title:

Codemirror Code Editor on your Webflow Project

Creator:

Paul Harrison

Type:

Video

Access:

Pro Members

Free

Likes:

0

Link:

Tools:

Webflow

Interact (Members Only):

Liked

Other Resources You May Need

Other Resources→