redcocker

<p>Just another code syntaxhighligher for the theme and plugin editor with CodeMirror. This plugin can highlight sourcecodes in the theme/plugin editor and provide a useful toolbar.</p>
<h4>Features</h4>
<ul>
<li>Highlight sourcecodes in theme and plugin editor on the dashboard.</li>
<li>Based on Marijn Haverbeke’s “<a href="http://codemirror.net/" title="CodeMirrorr" rel="nofollow ugc">CodeMirror</a>” JavaScript library.</li>
<li>Built-in 10 themes.</li>
<li>Useful toolbar which includes search/replace features.</li>
<li>Full-screen editing.</li>
<li>Auto-complete.</li>
<li>Easy to configure features through the setting panel.</li>
<li>Localization: English(Default), 日本語(Japanese, UTF-8).</li>
</ul>
<h4>Support languages</h4>
<ul>
<li>PHP</li>
<li>CSS</li>
<li>Javascript</li>
<li>(X)HTML</li>
</ul>
<h4>Recommended plugin</h4>
<ul>
<li>“<a href="https://wordpress.org/extend/plugins/wp-syntaxhighlighter/" title="WP SyntaxHighlighter" rel="ugc">WP SyntaxHighlighter</a>” can highlight sourcecodes on your front-end(posts, pages, comments).</li>
</ul>


CodeMirror for CodeEditor

Just another code syntaxhighligher for the theme and plugin editor with CodeMirror.

K's Art Office

<p>Got a landing page from ChatGPT, Claude, or Gemini and don’t know where to put it? Kayzart is the place to paste it.</p>
<p>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.</p>
<p><strong>Who this is for</strong><br />
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.</p>
<p><strong>What you can do</strong><br />
* Paste a full AI-generated page (HTML + CSS + JS) and run it as-is<br />
* Edit everything live with a CodeMirror 6 editor and instant iframe preview<br />
* Click an element in the preview to jump to its code (real-time DOM selection)<br />
* Keep the page theme-independent in Standalone mode, or render inside your theme in Theme mode<br />
* Use plain CSS or TailwindCSS (auto-compiled) per page<br />
* Run modern JavaScript (Classic script or ES Module)<br />
* Restrict external embeds with an allowlist</p>
<p><strong>Works great with</strong><br />
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.</p>
<p>Development repository: https://github.com/ksartoffice/kayzart-live-code-editor</p>
<h3>Credits</h3>
<p>This plugin bundles third-party libraries:<br />
* CodeMirror – MIT License – https://github.com/codemirror<br />
* Emmet CodeMirror 6 Plugin – MIT License – https://github.com/emmetio/codemirror6-plugin</p>


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.

CodeMirror for CodeEditor vs Kayzart Landing Pages — Paste & Edit AI-Generated HTML