{"id":286765,"date":"2026-04-07T04:26:30","date_gmt":"2026-04-07T04:26:30","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/codellia\/"},"modified":"2026-05-27T07:25:59","modified_gmt":"2026-05-27T07:25:59","slug":"kayzart-live-code-editor","status":"publish","type":"plugin","link":"https:\/\/emoji.wordpress.org\/plugins\/kayzart-live-code-editor\/","author":23452949,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"2.0.2","stable_tag":"2.0.2","tested":"7.0","requires":"5.9","requires_php":"7.4","requires_plugins":null,"header_name":"KayzArt Landing Page Editor","header_author":"K's Art Office","header_description":"Live HTML\/CSS\/JS editor with real-time preview and Tailwind CSS support for WordPress.","assets_banners_color":"","last_updated":"2026-05-27 07:25:59","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/wordpress.org\/plugins\/kayzart-live-code-editor\/","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":0,"downloads":213,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.3.5":{"tag":"1.3.5","author":"ksartoffice","date":"2026-04-07 04:26:09"},"1.3.6":{"tag":"1.3.6","author":"ksartoffice","date":"2026-04-07 05:38:35"},"2.0.2":{"tag":"2.0.2","author":"ksartoffice","date":"2026-05-27 07:25:59"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3506703,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3506703,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.3.5","1.3.6","2.0.2"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3500324,"resolution":"1","location":"assets","locale":"","width":1920,"height":942},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3500324,"resolution":"2","location":"assets","locale":"","width":1920,"height":945}},"screenshots":[]},"plugin_section":[],"plugin_tags":[4541,2224,808,16382],"plugin_category":[43],"plugin_contributors":[259596],"plugin_business_model":[],"class_list":["post-286765","plugin","type-plugin","status-publish","hentry","plugin_tags-code-editor","plugin_tags-codemirror","plugin_tags-landing-page","plugin_tags-live-preview","plugin_category-customization","plugin_contributors-ksartoffice","plugin_committers-ksartoffice"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/kayzart-live-code-editor\/assets\/icon-128x128.png?rev=3506703","icon_2x":"https:\/\/ps.w.org\/kayzart-live-code-editor\/assets\/icon-256x256.png?rev=3506703","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/kayzart-live-code-editor\/assets\/screenshot-1.png?rev=3500324","caption":""},{"src":"https:\/\/ps.w.org\/kayzart-live-code-editor\/assets\/screenshot-2.png?rev=3500324","caption":""}],"raw_content":"<!--section=description-->\n<p>KayzArt Landing Page Editor helps you build landing pages in WordPress with a dedicated live HTML, CSS, and JavaScript editor. It is designed for theme-independent landing pages, product pages, campaign pages, and other standalone layouts where you want direct control over the markup, styles, and behavior.<\/p>\n\n<p>KayzArt works with regular WordPress pages by default. Site administrators can also enable it for posts or other supported custom post types from the plugin settings.<\/p>\n\n<p>Features:\n* Create landing pages as regular WordPress pages by default\n* Optional support for posts and supported custom post types\n* CodeMirror 6 editor with HTML, CSS, and JavaScript tabs\n* Live iframe preview while editing\n* Template modes: Standalone \/ Theme\n* Theme-independent Standalone mode for landing pages that should not use the active theme layout\n* Theme mode for rendering content inside the active theme template\n* Normal \/ TailwindCSS setup per landing page\n* JavaScript ES Module support with execution type switch (Classic \/ Module)\n* Live edit highlight and real-time DOM selection<\/p>\n\n<p>Development repository: https:\/\/github.com\/ksartoffice\/kayzart-live-code-editor<\/p>\n\n<h3>Credits<\/h3>\n\n<p>This plugin bundles third-party libraries:\n* CodeMirror - MIT License - https:\/\/github.com\/codemirror\n* Emmet CodeMirror 6 Plugin - MIT License - https:\/\/github.com\/emmetio\/codemirror6-plugin<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin folder to \/wp-content\/plugins\/kayzart-live-code-editor\/.<\/li>\n<li>Activate KayzArt Landing Page Editor through the Plugins screen.<\/li>\n<li>Go to Pages &gt; Add landing page.<\/li>\n<li>Choose Normal or TailwindCSS mode for the new landing page.<\/li>\n<li>Edit HTML, CSS, and JavaScript with the live preview, then save.<\/li>\n<li>Optional: go to Settings &gt; Landing page settings to enable KayzArt for posts or supported custom post types.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"how%20do%20i%20create%20a%20landing%20page%3F\"><h3>How do I create a landing page?<\/h3><\/dt>\n<dd><p>Go to Pages &gt; Add landing page. KayzArt creates a draft WordPress page, asks you to choose Normal or TailwindCSS mode, and then opens the live editor.<\/p><\/dd>\n<dt id=\"can%20i%20use%20kayzart%20with%20regular%20wordpress%20pages%3F\"><h3>Can I use KayzArt with regular WordPress pages?<\/h3><\/dt>\n<dd><p>Yes. Regular WordPress pages are the default content type for KayzArt landing pages.<\/p><\/dd>\n<dt id=\"can%20i%20use%20kayzart%20with%20posts%20or%20custom%20post%20types%3F\"><h3>Can I use KayzArt with posts or custom post types?<\/h3><\/dt>\n<dd><p>Yes. Site administrators can enable KayzArt for posts or supported custom post types under Settings &gt; Landing page settings. After a post type is enabled, KayzArt adds an Add landing page action for that post type.<\/p><\/dd>\n<dt id=\"what%20is%20standalone%20mode%3F\"><h3>What is Standalone mode?<\/h3><\/dt>\n<dd><p>Standalone mode renders the landing page independently from the active theme layout. Use it when you want a page built mainly from your HTML, CSS, and JavaScript without the theme header, footer, or content template.<\/p><\/dd>\n<dt id=\"what%20is%20theme%20mode%3F\"><h3>What is Theme mode?<\/h3><\/dt>\n<dd><p>Theme mode renders the KayzArt content through the active theme template. Use it when you want the landing page content to appear inside your current theme layout.<\/p><\/dd>\n<dt id=\"which%20mode%20should%20i%20choose%3F\"><h3>Which mode should I choose?<\/h3><\/dt>\n<dd><p>Choose Standalone for theme-independent landing pages. Choose Theme if you want the page to keep the active theme's layout and styling.<\/p><\/dd>\n<dt id=\"are%20plugin%20css%20and%20javascript%20disabled%20in%20standalone%20mode%3F\"><h3>Are plugin CSS and JavaScript disabled in Standalone mode?<\/h3><\/dt>\n<dd><p>No. KayzArt does not disable plugin CSS or JavaScript. Standalone mode only removes the active theme layout and theme assets.<\/p><\/dd>\n<dt id=\"can%20i%20use%20tailwindcss%3F\"><h3>Can I use TailwindCSS?<\/h3><\/dt>\n<dd><p>Yes. When creating a landing page, choose TailwindCSS mode to use utility classes with automatic CSS compilation.<\/p><\/dd>\n<dt id=\"where%20is%20the%20code%20stored%3F\"><h3>Where is the code stored?<\/h3><\/dt>\n<dd><p>HTML is stored in the WordPress post content. CSS, JavaScript, TailwindCSS mode, template mode, and other KayzArt settings are stored in post meta.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>2.0.2<\/h4>\n\n<ul>\n<li>Fix: Bug fixes and stability improvements.<\/li>\n<\/ul>\n\n<h4>2.0.1<\/h4>\n\n<ul>\n<li>Fix: Bug fixes and stability improvements.<\/li>\n<\/ul>\n\n<h4>2.0.0<\/h4>\n\n<ul>\n<li>Refresh: Rebuilt the landing page editor for a simpler workflow.<\/li>\n<li>Improve: Streamlined page creation, editing, preview, and settings.<\/li>\n<li>Update: Cleaned up legacy features and internal structure.<\/li>\n<\/ul>\n\n<h4>1.3.6<\/h4>\n\n<ul>\n<li>Update: Minor changes.<\/li>\n<\/ul>\n\n<h4>1.3.5<\/h4>\n\n<ul>\n<li>Docs: Add screenshots section.<\/li>\n<\/ul>\n\n<h4>1.3.4<\/h4>\n\n<ul>\n<li>Update: Dependency maintenance.<\/li>\n<\/ul>\n\n<h4>1.3.3<\/h4>\n\n<ul>\n<li>Improve: Add resizable settings panel with width persistence.<\/li>\n<li>Add: Introduce preview override action events.<\/li>\n<\/ul>\n\n<h4>1.3.2<\/h4>\n\n<ul>\n<li>Security: Security update and hardening improvements.<\/li>\n<\/ul>\n\n<h4>1.3.1<\/h4>\n\n<ul>\n<li>Fix: Bug fixes and stability improvements.<\/li>\n<\/ul>\n\n<h4>1.3.0<\/h4>\n\n<ul>\n<li>Introduce CodeMirror 6 editor runtime and remove legacy bundled loader assets.<\/li>\n<\/ul>\n\n<h4>1.2.1<\/h4>\n\n<ul>\n<li>Fix: Minor internal code cleanup<\/li>\n<\/ul>\n\n<h4>1.2.0<\/h4>\n\n<ul>\n<li>Add JavaScript execution mode selector (Classic script \/ Module) in the JavaScript tab.<\/li>\n<li>Add ES Module runtime contract support with context injection (<code>root<\/code>, <code>document<\/code>, <code>host<\/code>, <code>onCleanup<\/code>).<\/li>\n<\/ul>\n\n<h4>1.1.3<\/h4>\n\n<ul>\n<li>Fix: Bug fixes and stability improvements.<\/li>\n<\/ul>\n\n<h4>1.1.2<\/h4>\n\n<ul>\n<li>Security: Security update and hardening improvements.<\/li>\n<\/ul>\n\n<h4>1.1.1<\/h4>\n\n<ul>\n<li>Security: Implemented security-related improvements and hardening updates.<\/li>\n<\/ul>\n\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>Add external embed allowlist settings.<\/li>\n<li>Other: Internal improvements and maintenance updates.<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"Build theme-independent landing pages with live HTML, CSS, and JavaScript editing.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/emoji.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/286765","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/emoji.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/emoji.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/emoji.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=286765"}],"author":[{"embeddable":true,"href":"https:\/\/emoji.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/ksartoffice"}],"wp:attachment":[{"href":"https:\/\/emoji.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=286765"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/emoji.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=286765"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/emoji.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=286765"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/emoji.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=286765"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/emoji.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=286765"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/emoji.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=286765"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}