{"id":392364,"date":"2026-11-12T06:48:51","date_gmt":"2026-11-12T06:48:51","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/codeselector\/"},"modified":"2026-11-12T06:48:16","modified_gmt":"2026-11-12T06:48:16","slug":"codeselector","status":"publish","type":"plugin","link":"https:\/\/es-mx.wordpress.org\/plugins\/codeselector\/","author":23589564,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.4.2","stable_tag":"1.4.2","tested":"7.1.4","requires":"6.0","requires_php":"7.4","requires_plugins":null,"header_name":"codeSelector.","header_author":"Marketincode","header_description":"The Visual-to-Code Bridge for Elementor. Paste AI-generated HTML\/CSS blocks and edit text, images, and styles live on canvas with 1 click.","last_updated":"2026-11-12 06:48:16","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/marketincode.com\/codeselector\/","header_plugin_uri":"","header_author_uri":"https:\/\/marketincode.com\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":88,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.4.2":{"tag":"1.4.2","author":"marketincode","date":"2026-11-12 06:48:16","revision":3797626}},"upgrade_notice":{"1.4.2":"

Includes full multilingual support (English, Spanish, French, German, Portuguese, Italian), bundled local SVG assets, and WordPress 7.1 compatibility.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3797626,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3797626,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256},"icon.svg":{"filename":"icon.svg","revision":3797626,"resolution":false,"location":"assets","locale":false}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3797626,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3797626,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.4.2"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"Bidirectional Visual-to-Code Bridge:<\/strong> Click any element on the Elementor canvas to jump in < 5 ms<\/code> to its exact HTML line in the Ace Code Editor.","2":"Live Inline Text & Link Editing:<\/strong> Double-click any heading, paragraph, or button to rewrite copy and update href<\/code> URLs directly on the canvas.","3":"1-Click Image & Carousel Inspector:<\/strong> Click any image to replace it from the WordPress Media Library, update its SEO alt<\/code> text, or switch between carousel slides.","4":"Recursive CSS Auto-Scoping & Alt+Click CSS Jump (Pro):<\/strong> Isolate AI styles automatically so they never break your theme, and Alt + Click<\/code> to jump straight to CSS rules.","5":"Quick Section Navigator (Pro):<\/strong> Jump effortlessly between <style><\/code>, HTML sections, and <script><\/code> blocks in 1,500+ line components.","6":"Zero Frontend Bloat:<\/strong> Clean, semantic output on the live site with 0 KB of extra JavaScript."}},"plugin_section":[],"plugin_tags":[2353,216196,4541,5554,76538],"plugin_category":[],"plugin_contributors":[292165],"plugin_business_model":[],"class_list":["post-392364","plugin","type-plugin","status-publish","hentry","plugin_tags-ai","plugin_tags-chatgpt","plugin_tags-code-editor","plugin_tags-custom-html","plugin_tags-elementor","plugin_contributors-marketincode","plugin_committers-marketincode"],"banners":{"banner":"https:\/\/ps.w.org\/codeselector\/assets\/banner-772x250.png?rev=3797626","banner_2x":"https:\/\/ps.w.org\/codeselector\/assets\/banner-1544x500.png?rev=3797626","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":"https:\/\/ps.w.org\/codeselector\/assets\/icon.svg?rev=3797626","icon":"https:\/\/ps.w.org\/codeselector\/assets\/icon.svg?rev=3797626","icon_2x":false,"generated":false},"screenshots":[],"raw_content":"\n

Generating UI components with AI takes 30 seconds. Editing them inside Elementor used to take 30 minutes.<\/strong><\/p>\n\n

When you generate a hero section, pricing table, or bento grid in ChatGPT, Claude, v0, Bolt, Lovable, or Cursor<\/strong>, pasting 1,500 lines of raw HTML and CSS into a standard custom HTML widget creates a maintenance nightmare. Finding a single heading to fix a typo or swapping an image URL requires endless Ctrl+F<\/code> scrolling\u2014and generic AI CSS classes (h1<\/code>, button<\/code>, .card<\/code>, .container<\/code>) often break your WordPress theme layout.<\/p>\n\n

codeSelector.<\/strong> by Marketincode<\/a> solves this forever. It is the missing bidirectional Visual-to-Code Bridge<\/strong> built specifically for Elementor designers, developers, and AI builders.<\/p>\n\n

How It Works in 3 Simple Steps<\/h3>\n\n
    \n
  1. Paste Your AI Code:<\/strong> Drag the codeSelector.<\/strong> widget onto any Elementor page and paste your HTML\/CSS snippet.<\/li>\n
  2. 1-Click Visual-to-Code Jump:<\/strong> Click any element on the visual canvas\u2014a badge, button, paragraph, or card\u2014and the Ace code editor jumps in < 5 ms<\/code> to its exact HTML line, highlighting the block. You can also double-click any line in the code editor<\/strong> to scroll the visual preview straight to that element.<\/li>\n
  3. Double-Click Live Inline Editing:<\/strong> Double-click any text or image directly on the Elementor preview canvas to rewrite copy in place or select a new photo from the WordPress Media Library. Your changes are automatically encoded and synced back into the exact line of HTML code.<\/li>\n<\/ol>\n\n

    Free Features (Included in WordPress.org Edition)<\/h3>\n\n