Skip to content

Embeddable code editor for coding AIs for MoroboxAI on the web

License

Notifications You must be signed in to change notification settings

moroboxai/moroboxai-editor-web

Repository files navigation

moroboxai-editor-web

NPM version Node.js CI gitHub license Code Quality: Javascript Total Alerts

Embeddable code editor for coding AIs for MoroboxAI on the web.

Install

Using npm:

npm install moroboxai-editor-web --save

Or:

git clone https://github.com/moroboxai/moroboxai-editor-web.git
cd moroboxai-editor-web
npm i
npm run build

Usage

Create a sample.html file in the moroboxai-editor-web folder:

<html>
 <div id="editor"></div> 
  
 <script type="text/javascript" src="./lib/umd/moroboxai-editor-web.js"></script>
 <script type="text/javascript">
  // Initialize the editor on our div
  const editor = MoroboxAIEditor.init({
   element: document.getElementById("editor"),
   value: 'function foo() {\n  console.log("foo");\n}\n',
   width: "500px",
   height: "400px"
  });
 </script>
</html>

Open sample.html in your browser and check the console output.

Arguments

Name Type Default Description
element Element DOM element to attach the editor to
language string javascript Selected language
value string Initial content of the editor
width string Width of the div element
height string Height of the div element
onLoad func noop Signature: function(value: string) => void
Function called when the Load button is clicked
onUnload func noop Signature: function() => void
Function called when the Unload button is clicked

License

This content is released under the MIT License.