Christopher Finke

Inline Preview is a plugin for WordPress that adds a live preview of the current post next to the post editor instead of opening the preview in a new tab.
Problem: When creating a post in WordPress, previewing your post in a separate tab can be slow and/or complicated.
Solution: Show the preview right next to the editor.
It’s just an idea I’m playing with for streamlining the post creation process, and if it feels familiar, it’s probably because it is: through version 2.1, WordPress contained a preview iframe at the bottom of the post editing screen, but this is a more elegant implementation.

Inline Preview

Inline Preview adds a preview of the post you're writing next to the editor when you click Preview (instead of opening it in a new tab).

K's Art Office

Got a landing page from ChatGPT, Claude, or Gemini and don’t know where to put it? Kayzart is the place to paste it.
Drop AI-generated HTML, CSS, and JavaScript straight into WordPress, see it render live as you tweak it, and publish a clean, theme-independent landing page in minutes — no child theme, no page builder, no fighting your active theme’s header and footer.
Who this is for 
You let AI write the code, but you still want full control over the result. You’re past pure no-code, but you don’t want to set up a build pipeline just to ship one landing page. Kayzart sits exactly there.
What you can do 
* Paste a full AI-generated page (HTML + CSS + JS) and run it as-is 
* Edit everything live with a CodeMirror 6 editor and instant iframe preview 
* Click an element in the preview to jump to its code (real-time DOM selection) 
* Keep the page theme-independent in Standalone mode, or render inside your theme in Theme mode 
* Use plain CSS or TailwindCSS (auto-compiled) per page 
* Run modern JavaScript (Classic script or ES Module) 
* Restrict external embeds with an allowlist
Works great with 
ChatGPT, Claude, Gemini, v0, or any tool that hands you HTML/CSS/JS. Kayzart doesn’t generate the code — it’s where that code becomes a real, publishable WordPress page you can keep editing.
Development repository: https://github.com/ksartoffice/kayzart-live-code-editor
<h3>Credits</h3>
This plugin bundles third-party libraries: 
* CodeMirror – MIT License – https://github.com/codemirror 
* Emmet CodeMirror 6 Plugin – MIT License – https://github.com/emmetio/codemirror6-plugin

Kayzart Landing Pages — Paste & Edit AI-Generated HTML

Paste the landing page your AI wrote into WordPress, edit it live with HTML/CSS/JS, and publish — without fighting your theme.

Inline Preview vs Kayzart Landing Pages — Paste & Edit AI-Generated HTML