diff --git a/docs/package-lock.json b/docs/package-lock.json
index 5b9d5fb2..5c92ad78 100644
--- a/docs/package-lock.json
+++ b/docs/package-lock.json
@@ -9,7 +9,6 @@
       "version": "0.0.0-docs",
       "dependencies": {
         "@astrojs/starlight": "^0.5.0",
-        "@stackblitz/sdk": "^1.9.0",
         "astro": "^2.8.1"
       }
     },
@@ -1059,11 +1058,6 @@
         "url": "https://opencollective.com/unts"
       }
     },
-    "node_modules/@stackblitz/sdk": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/@stackblitz/sdk/-/sdk-1.9.0.tgz",
-      "integrity": "sha512-3m6C7f8pnR5KXys/Hqx2x6ylnpqOak6HtnZI6T5keEO0yT+E4Spkw37VEbdwuC+2oxmjdgq6YZEgiKX7hM1GmQ=="
-    },
     "node_modules/@types/acorn": {
       "version": "4.0.6",
       "resolved": "https://registry.npmjs.org/@types/acorn/-/acorn-4.0.6.tgz",
diff --git a/docs/package.json b/docs/package.json
index 4c7818e7..63ef39da 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -12,7 +12,6 @@
   },
   "dependencies": {
     "@astrojs/starlight": "^0.5.0",
-    "@stackblitz/sdk": "^1.9.0",
     "astro": "^2.8.1"
   }
 }
diff --git a/docs/src/content/docs/en/examples/codemirror.md b/docs/src/content/docs/en/examples/codemirror.mdx
similarity index 88%
rename from docs/src/content/docs/en/examples/codemirror.md
rename to docs/src/content/docs/en/examples/codemirror.mdx
index f1a3437e..eabce9fe 100644
--- a/docs/src/content/docs/en/examples/codemirror.md
+++ b/docs/src/content/docs/en/examples/codemirror.mdx
@@ -2,9 +2,11 @@
 title: CodeMirror
 ---
 
+import Stackblitz from '@Components/Stackblitz.astro';
+
 # Embedded code editor
 
-<iframe  id="stackblitz" src="https://stackblitz.com/edit/ngx-editor-codemirror?embed=1&hideExplorer=1&view=preview"></iframe>
+<Stackblitz id="ngx-editor-codemirror" />
 
 Ref: https://prosemirror.net/examples/codemirror/