Ace Custom Element

HTML

<script type="module" src="https://unpkg.com/[email protected]/dist/index.min.js"></script>

<ace-editor
  class="editor"
  theme="ace/theme/monokai"
  value="console.log('hello world');"
></ace-editor>

<button>Log Text</button>

CSS

ace-editor.editor {
  height: 300px;
}

JavaScript

const editor = document.querySelector('ace-editor');
const button = document.querySelector('button');

button.addEventListener('click', () => {
	console.log(editor.value);
});