diff --git a/README.md b/README.md index c444744..9485531 100644 --- a/README.md +++ b/README.md @@ -37,13 +37,13 @@ npm install @antonz/codapi Or use a CDN: ```html - + ``` Optional styles: ```html - + ``` ## Usage diff --git a/docs/browser-only.md b/docs/browser-only.md index 5062164..57111b1 100644 --- a/docs/browser-only.md +++ b/docs/browser-only.md @@ -8,8 +8,8 @@ Note that WASI-based playgrounds (`engine` = `wasi` in the examples below) requi ```html - - + + ``` ## JavaScript @@ -102,8 +102,8 @@ Note that this playground requires additional scripts besides the usual `snippet import { PGlite } from "https://cdn.jsdelivr.net/npm/@electric-sql/pglite/dist/index.js"; window.PGlite = PGlite; - - + + ``` ## Python diff --git a/docs/docsify.md b/docs/docsify.md index a81230f..e392a9f 100644 --- a/docs/docsify.md +++ b/docs/docsify.md @@ -37,14 +37,14 @@ Finally, add references to the Codapi script and styling in the `index.html` fil
- + - + ``` diff --git a/docs/docusaurus.md b/docs/docusaurus.md index a7fa01f..c247a6d 100644 --- a/docs/docusaurus.md +++ b/docs/docusaurus.md @@ -39,13 +39,13 @@ const config = { stylesheets: [ { - href: "https://unpkg.com/@antonz/codapi@0.18.0/dist/snippet.css", + href: "https://unpkg.com/@antonz/codapi@0.19.0/dist/snippet.css", }, ], scripts: [ { - src: "https://unpkg.com/@antonz/codapi@0.18.0/dist/snippet.js", + src: "https://unpkg.com/@antonz/codapi@0.19.0/dist/snippet.js", defer: true, }, ], diff --git a/docs/html.md b/docs/html.md index d744ebe..d8ae8a3 100644 --- a/docs/html.md +++ b/docs/html.md @@ -43,13 +43,13 @@ Note two properties here: Finally, include the default styles in the `head`: ```html - + ``` And the JavaScript file at the bottom of the page: ```html - + ``` (CDNs like unpkg can sometimes be slow, so it's even better to host both files yourself) @@ -139,7 +139,7 @@ The appropriate version must be enabled on the server. To change the Codapi settings, use the `codapi-settings` element. First, load it from the CDN: ```html - + ``` Then use it like this: diff --git a/docs/wordpress.md b/docs/wordpress.md index d45e672..43cbc80 100644 --- a/docs/wordpress.md +++ b/docs/wordpress.md @@ -34,8 +34,8 @@ Note two properties here: Finally, at the bottom of the page, add another _Custom HTML_ block with Codapi script and styling (you will only need one such block no matter how many snippets you put on a page): ```html - - + + ``` And that's it! The `codapi-snippet` automatically attaches itself to the preceding _Code_ block, allowing you to run and edit the code. It looks like this: @@ -73,8 +73,8 @@ Immediately below it, add a _Custom HTML_ block with the following content (note Finally, at the bottom of the page, add another _Custom HTML_ block with Codapi script and styling (do this only if you haven't already added it): ```html - - + + ``` And here comes your interactive code snippet with syntax highlighting! @@ -144,8 +144,8 @@ Note the `template` attribute here, which refers to the `main.sql` we added earl Finally, at the bottom of the page, add another _Custom HTML_ block with Codapi script and styling (do this only if you haven't already added it): ```html - - + + ``` And here comes your interactive SQL snippet!