1. Add the **Native Code Editor** element to your mobile page. 2. Set the initial code using the **Value** field.
3. Choose the language mode, such as JavaScript, HTML, CSS, JSON, Python, Markdown, SQL, or Typescript.
4. Customize the editor appearance using the available styling fields, including font size, padding, line numbers, word wrap, theme, and border styling.
5. Use the editor states to get the current value, selected text, line count, character count, focus status, undo status, and redo status.
6. Use workflow actions such as **Set value**, **Insert text**, **Replace selection**, **Focus**, **Blur**, **Undo**, and **Redo** to control the editor.
7. Trigger workflows from events like value changed, focused, blurred, selection changed, and editor ready.