DocsAPI ReferencePluginstailwindCdnPlugin

tailwindCdnPlugin

Inject the Tailwind CSS browser CDN into the editor’s preview iframe so utility classes work without a build step.

npm i @reacteditor/plugin-tailwind-cdn --save
import { Editor } from "@reacteditor/core";
import createTailwindCdnPlugin from "@reacteditor/plugin-tailwind-cdn";
 
const tailwindCdn = createTailwindCdnPlugin();
 
export function Editor() {
  return <Editor plugins={[tailwindCdn]} />;
}

Options

ParamExampleTypeStatus
srcsrc: "https://cdn..."String-

src

Override the CDN URL. Defaults to https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4.

const tailwindCdn = createTailwindCdnPlugin({
  src: "https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4",
});
outlinePluginaiPlugin