Search code examples
javascriptace-editor

Editr.js light theme

I am trying to figure out how to implement the editr.js light theme

It says it to do it via JS,

Not overly sure what it means in the documentation when it says

ACE Editor theme. If you want to use light theme then also add class editr--light.

How do i go about implementing this?

Solution

  • On this line, add "editr--light" to the list of classes:

    <div class="editr" data-item="PROJECT-NAME" data-files-html="index-1.html;index-2.html" data-files-css="!normalize.css;style.css" data-files-js="!jquery.js;script.js"></div>

    EG:

    <div class="editr editr--light" data-item="PROJECT-NAME" data-files-html="index-1.html;index-2.html" data-files-css="!normalize.css;style.css" data-files-js="!jquery.js;script.js"></div>

    NOTE: you may want to switch libraries... their main domain is up for auction.