The section below assumes that you are using the default UI, which is built using React. The AlloyEditor core is fully separated from the UI and creating another one based on any other framework is very easy.
Add AlloyEditor's CSS to the page
<link href="alloy-editor/assets/alloy-editor-ocean-min.css" rel="stylesheet"></link>
Add AlloyEditor's JS to the page
There are a few ways to add the editor to the page:
Add it on the page separating the CKEditor code from AlloyEditor. This is useful if in your project you already use CKEditor.
Add it on the page separating the React code from AlloyEditor. This is useful if you already use React in your project.
If you use both React and CKEditor on your page, then just include AlloyEditor's core```text/html ```
Invoke the static editable method of AlloyEditor
Retrieve the content from the editor
var alloyEditor = AlloyEditor.editable('myContentEditable'); var content = alloyEditor.get('nativeEditor').getData();