Even more embeddable and lightweight code editor Custom Element - just one tag, and no JS needed to provide Ace - The High Performance Code Editor
This webcomponent has been built to fit and serve the needs of the Vaadin Add-on Ace (which I created and actively maintain). When using this webcomponent in any other environment, please be carefull because it only has been tested in a Vaadin Add-on environment.
Some methods just don't make sense when using in an non Vaadin environment as most functions depend on JSON input which I create in the Java/Vaadin backend.
<lit-ace theme="terminal" mode="javascript" value="console.log('Have a great day :)')">
</lit-ace>Install the component using npm:
$ npm i @f0rce/lit-ace --saveOnce installed, import it in your application:
import "@f0rce/lit-ace/lit-ace.js";