@atlarafirm/atlara-editor 1.0.0 → 1.0.1

package/README.md

@@ -122,6 +122,15 @@ Download the `atlara-editor.js` file from the `dist` folder and include it in yo
 <script src="path/to/atlara-editor.js"></script>
 ```
 
+### 📺 Interactive Demo
+
+See [`demo-api-cdn-integration.html`](demo-api-cdn-integration.html) for a complete, interactive demo that shows:
+- How to use AtlaraEditor with CDN links
+- How to integrate with the backend API using API keys
+- Feature access control based on subscription plans
+- Live editor with all features demonstrated
+- Step-by-step guide with code examples
+
 ## Usage
 
 AtlaraEditor supports two initialization patterns: the **Global API** pattern (recommended for new projects) and the traditional constructor pattern (for backward compatibility).
@@ -1239,6 +1248,21 @@ npm start
 
 The server will start on `http://localhost:3000`
 
+### Demo Pages Configuration
+
+All demo pages included in the repository can automatically use an API key from an environment variable:
+
+1. Set the `ATLARA_DEMO_API_KEY` environment variable in your `.env` file:
+   ```bash
+   ATLARA_DEMO_API_KEY=ak_your_api_key_here
+   ```
+
+2. When the backend server is running, demo pages will automatically load the API key from the `/demo-config.js` endpoint
+
+3. All demo HTML files (in root and `examples/` directory) are already configured to use this environment variable
+
+This makes it easy to run demo pages without manually entering API keys each time.
+
 ### API Endpoints
 
 | Endpoint | Description |