{"id":112,"date":"2025-07-22T06:47:22","date_gmt":"2025-07-22T06:47:22","guid":{"rendered":"https:\/\/php80.local.nextendweb.com\/roland\/mosaicbuilder\/?post_type=documentation&#038;p=112"},"modified":"2026-04-14T08:42:56","modified_gmt":"2026-04-14T08:42:56","slug":"editor","status":"publish","type":"documentation","link":"https:\/\/mosaicbuilder.com\/docs\/editor\/","title":{"rendered":"Editor"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"384\" src=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-01.png\" alt=\"Mosaic's Editor interface\" class=\"wp-image-236\" srcset=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-01.png 656w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-01-300x176.png 300w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-01-400x234.png 400w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"top-panel\">Top panel<\/h2>\n\n\n\n<p>The Top panel provides easy access to essential navigation options and key functionalities within the Editor. From here, you can easily perform various tasks such as <strong>adding elements<\/strong>, <strong>previewing your design<\/strong>, and <strong>saving your work<\/strong>, making it easier to control your editing process.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"384\" src=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-02.png\" alt=\"Top panel in Mosaic\u2019s editor highlighted\" class=\"wp-image-237\" srcset=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-02.png 656w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-02-300x176.png 300w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-02-400x234.png 400w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"menu\">Menu<\/h3>\n\n\n\n<p>Pressing the Menu button brings up the same menu you have in the WordPress Admin area. You have the option to go to the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Exit to WordPress<\/li>\n\n\n\n<li>Templates<\/li>\n\n\n\n<li>Masters<\/li>\n\n\n\n<li>Components<\/li>\n\n\n\n<li>Style guides<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"384\" src=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-03.png\" alt=\"Menu button highlighted in Mosaic\u2019s editor, opening the navigation menu\" class=\"wp-image-238\" srcset=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-03.png 656w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-03-300x176.png 300w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-03-400x234.png 400w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"navigator\">Navigator<\/h3>\n\n\n\n<p>The Navigator provides a <strong>hierarchically structured view<\/strong> of all of your elements, organized within <a href=\"https:\/\/mosaicbuilder.com\/docs\/elements\/section\/\">Sections<\/a>, <a href=\"https:\/\/mosaicbuilder.com\/docs\/elements\/div\/#container\">Containers<\/a>, and <a href=\"https:\/\/mosaicbuilder.com\/docs\/elements\/div\/\">Divs<\/a> for effortless management. Easily rearrange elements by dragging and dropping, ensuring your layout is precisely as you envision it.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"384\" src=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-04.png\" alt=\"Navigator panel in Mosaic displaying a hierarchical structure of all elements within the current design\" class=\"wp-image-239\" srcset=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-04.png 656w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-04-300x176.png 300w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-04-400x234.png 400w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/figure>\n\n\n\n<p>The popup menu, which is accessible by right-clicking on the element, offers editing options like <strong>delete<\/strong>, <strong>duplicate<\/strong>, <strong>copy\/paste<\/strong>. You can <strong>lock<\/strong> elements if you don&#8217;t want them to be edited, or choose <strong>hide in editor<\/strong>, to hide the given element for editing purposes.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"384\" src=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-05-1.png\" alt=\"Right-click popup menu in Mosaic showing element editing options\" class=\"wp-image-1480\" srcset=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-05-1.png 656w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-05-1-400x234.png 400w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/figure>\n\n\n\n<p>At the top of the Navigator, you\u2019ll find two useful controls:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Collapse\/Expand:<\/strong> Located on the top left, this lets you quickly collapse or expand all sections in the Navigator, making it easier to manage large page structures.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"384\" src=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-23.png\" alt=\"Mosaic Navigator with the Collapse\/Expand button on the top left \" class=\"wp-image-1687\" srcset=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-23.png 656w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-23-400x234.png 400w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Dock\/Undock:<\/strong> On the top right, this option allows you to dock the Navigator to its default position or undock it into a floating panel for more flexible arrangements.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"384\" src=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-24.png\" alt=\"Mosaic Navigator with the Dock\/Undock button on the top right\" class=\"wp-image-1690\" srcset=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-24.png 656w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-24-400x234.png 400w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"add-element\">Add element<\/h3>\n\n\n\n<p>This panel makes it easy to add new elements to your page. Just <strong>drag and drop<\/strong> them wherever you want. This method is quick and lets you easily change your design. You can drop elements either on the <span class=\"mb_badge\">Canvas<\/span> or in the <span class=\"mb_badge\">Navigator<\/span> panel, which helps you position them more accurately.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"384\" src=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-06-1.png\" alt=\"Add element panel in Mosaic for dragging and dropping new elements\" class=\"wp-image-1482\" srcset=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-06-1.png 656w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-06-1-400x234.png 400w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/figure>\n\n\n\n<p>For further details, take a look at our <a href=\"https:\/\/mosaicbuilder.com\/docs\/editor\/add-panel\/\">Add panel documentation<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"editor-options\">Editor options<\/h3>\n\n\n\n<p>On the Top panel\u2019s right side, you can find essential settings and features that affect the entire Editor. These include the <span class=\"mb_badge\">Preview<\/span>, the <span class=\"mb_badge\">Breakpoints<\/span>, and the <span class=\"mb_badge\">Update<\/span> button, allowing for easy management and control of your work.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"384\" src=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-07.png\" alt=\"Top panel\u2019s right side in Mosaic highlighted, showing editor controls\" class=\"wp-image-242\" srcset=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-07.png 656w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-07-300x176.png 300w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-07-400x234.png 400w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Preview:<\/strong> Click here to get a preview of your page.<\/li>\n\n\n\n<li><strong>Breakpoints:<\/strong> Edit breakpoints for responsive design.<\/li>\n\n\n\n<li><strong>Settings:<\/strong> Manage key design and workflow options. Style variables let you store frequently used styles, while Classes provides access to the Class Manager for organizing and applying classes. Keyboard shortcuts offers a list of hotkeys to streamline your workflow, and Help &amp; feedback provides resources for assistance and sharing feedback.<\/li>\n\n\n\n<li><strong>Undo\/Redo:<\/strong> Easily undo or redo your actions in the Editor. You can use the Ctrl+Z and Ctrl+Shift+Z hotkeys for the same purpose.<\/li>\n\n\n\n<li><strong>Update:<\/strong> Save your changes. If there are unsaved changes, a small dot will appear as a reminder. Once you hit Update, your settings are published and go live.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"132\" src=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-08.png\" alt=\"Update button in Mosaic\u2019s top panel with visual indicator for unsaved changes\" class=\"wp-image-243\" srcset=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-08.png 656w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-08-300x60.png 300w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-08-400x80.png 400w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"canvas\">Canvas<\/h2>\n\n\n\n<p>The Canvas is the building area of the Editor. This is where you can add texts, images, and other elements. Additionally, you can manage the content of these elements.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"384\" src=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-09.png\" alt=\"Highlighted Canvas area in Mosaic\u2019s Editor\" class=\"wp-image-244\" srcset=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-09.png 656w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-09-300x176.png 300w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-09-400x234.png 400w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"right-panel\">Right panel<\/h2>\n\n\n\n<p>On this panel, you can find the <span class=\"mb_badge\">Style<\/span>, <span class=\"mb_badge\">Advanced<\/span>, and <span class=\"mb_badge\">Interaction<\/span> settings related to the currently selected element. Here you can customize various aspects such as the text color, add alt tags to images, or animate elements when you scroll to them.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"384\" src=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-10.png\" alt=\"Settings panel in Mosaic editor highlighted\" class=\"wp-image-245\" srcset=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-10.png 656w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-10-300x176.png 300w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-10-400x234.png 400w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"style-tab\">Style tab<\/h3>\n\n\n\n<p>In this tab, you can adjust the style settings of your elements. As an example, this is where you can modify the width of an image.<\/p>\n\n\n\n<p>Additionally, you can access the <span class=\"mb_badge\">Class manager<\/span> from here, which allows you to efficiently organize and manage your classes. Through the Class manager, tasks such as renaming, deleting, and other related functions become seamless. Learn more about classes <a href=\"https:\/\/mosaicbuilder.com\/docs\/editor\/class-system\/\">here<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"384\" src=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-11.png\" alt=\"Style tab open in Mosaic editor, displaying customizable styling options for the selected element\" class=\"wp-image-246\" srcset=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-11.png 656w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-11-300x176.png 300w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-11-400x234.png 400w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"settings-tab\">Settings tab<\/h3>\n\n\n\n<p>In the Settings tab, you\u2019ll find additional settings for your elements. For example, you can set the link for a button or configure various parameters.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"384\" src=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-12.png\" alt=\"Advanced tab open in Mosaic editor, providing extended settings\" class=\"wp-image-247\" srcset=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-12.png 656w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-12-300x176.png 300w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-12-400x234.png 400w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/figure>\n\n\n\n<p>Moreover, if needed, you can set custom conditions to determine when the element should be visible. By clicking on the <strong>+<\/strong> icon next to <span class=\"mb_badge\">Conditional visibility<\/span>, you can easily access the <span class=\"mb_badge\">Conditions<\/span> interface, where you can define specific rules tailored to your needs.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"conditional-visibility-options\">Conditional visibility options<\/h4>\n\n\n\n<p>The Conditional visibility system allows you to control when an element is displayed based on different conditions.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1441\" height=\"1115\" src=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/conditional_visibility.png\" alt=\"\" class=\"wp-image-3322\" srcset=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/conditional_visibility.png 1441w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/conditional_visibility-800x619.png 800w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/conditional_visibility-1216x941.png 1216w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/conditional_visibility-768x594.png 768w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/conditional_visibility-884x684.png 884w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/conditional_visibility-354x274.png 354w\" sizes=\"auto, (max-width: 1441px) 100vw, 1441px\" \/><\/figure>\n\n\n\n<p>The available options are the following:<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Editor<\/h5>\n\n\n\n<p>These conditions are based on values defined inside the editor.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Variable<\/strong><br>Control visibility using a variable defined within the editor.<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\">HTTP<\/h5>\n\n\n\n<p>These conditions depend on request-level data.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Query parameter<\/strong><br>Show or hide elements based on URL parameters (e.g. <code>?promo=true<\/code>).<\/li>\n\n\n\n<li><strong>Cookie<\/strong><br>Control visibility depending on browser cookies.<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"h-current-user\">Current user<\/h5>\n\n\n\n<p>These conditions are based on the currently logged-in user.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>User logged in<\/strong><br>Show or hide elements depending on whether the user is logged in.<\/li>\n\n\n\n<li><strong>User role<\/strong><br>Target specific user roles (e.g. Administrator, Editor, Subscriber).<\/li>\n\n\n\n<li><strong>User capability<\/strong><br>Control visibility based on specific WordPress capabilities.<\/li>\n\n\n\n<li><strong>User fields<\/strong><br>Use user profile fields for conditional logic.<\/li>\n\n\n\n<li><strong>User meta<\/strong><br>Use custom user meta fields to define conditions.<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"h-posts\">Posts<\/h5>\n\n\n\n<p>These conditions are based on the currently displayed post.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Category<\/strong><br>Show or hide the element based on the post\u2019s category.<\/li>\n\n\n\n<li><strong>Post tag<\/strong><br>Control visibility depending on the assigned tags.<\/li>\n\n\n\n<li><strong>Post format<\/strong><br>Target specific post formats (e.g. standard, gallery, video).<\/li>\n\n\n\n<li><strong>Post meta<\/strong><br>Use custom fields (meta data) of the current post to define conditions.<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"h-pages-custom-post-types\">Pages \/ Custom post types<\/h5>\n\n\n\n<p>These conditions are based on the currently displayed page\/custom post.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Post meta<\/strong><br>Use custom fields (meta data) of the current page\/custom post to define conditions.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"conditional-visibility-based-on-existence\">Conditional visibility based on existence<\/h4>\n\n\n\n<p>If you are not trying to compare to an exact value, rather to hide\/show elements based on whether or not a <strong>value exists<\/strong>, use:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Operator: <span class=\"mb_badge\">regexp<\/span><\/li>\n\n\n\n<li>Value: <span class=\"mb_badge\">.+<\/span><\/li>\n<\/ul>\n\n\n\n<p>This means, that if the selected variable, cookie, etc. has at least one character, the conditioned element will be visible.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1705\" height=\"1471\" src=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/conditions.png\" alt=\"\" class=\"wp-image-3170\" srcset=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/conditions.png 1705w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/conditions-800x690.png 800w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/conditions-1216x1049.png 1216w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/conditions-768x663.png 768w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/conditions-1536x1325.png 1536w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/conditions-793x684.png 793w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/conditions-318x274.png 318w\" sizes=\"auto, (max-width: 1705px) 100vw, 1705px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"interaction-tab\">Interaction tab<\/h3>\n\n\n\n<p>This tab lets you add special effects to your elements based on actions like <strong>hover<\/strong>, <strong>click<\/strong>, <strong>scroll<\/strong>, or <strong>page load<\/strong>. For example, you can animate a button when someone hovers over it. Learn more about interactions <a href=\"https:\/\/mosaicbuilder.com\/docs\/editor\/interactions\/\">here<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"384\" src=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-13.png\" alt=\"Interactions tab open in Mosaic editor\" class=\"wp-image-248\" srcset=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-13.png 656w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-13-300x176.png 300w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-13-400x234.png 400w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"active-element\">Active element<\/h2>\n\n\n\n<p>When you choose a specific element on the Canvas, it will become the <span class=\"mb_badge\">active element<\/span>, meaning it\u2019s ready for you to edit or interact with. You\u2019ll see a blue, purple, or green highlight around it, making it easy to spot. As you move the element around on the Canvas, a gray indicator will appear, showing the parent element you&#8217;re moving it into, along with its name.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"toolbar\">Toolbar<\/h3>\n\n\n\n<p>Over the active elements, you\u2019ll see a Toolbar appearing.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"384\" src=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-14.png\" alt=\"Toolbar displayed above the active element in Mosaic editor\" class=\"wp-image-249\" srcset=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-14.png 656w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-14-300x176.png 300w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-14-400x234.png 400w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/figure>\n\n\n\n<p>This allows you to do the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select classes for them.<\/li>\n\n\n\n<li>Adjust the element-specific settings. Some elements come with custom tools for further customization.<\/li>\n\n\n\n<li>Delete the given element.<\/li>\n\n\n\n<li>Elements have various options in their 3-dot menus, including <strong>Select parent<\/strong>, <strong>Wrap in div<\/strong>, <strong>Wrap in link<\/strong>, <strong>Create component<\/strong>, <strong>Duplicate<\/strong>, <strong>Copy<\/strong>, <strong>Paste<\/strong>, and <strong>Delete<\/strong>.<\/li>\n\n\n\n<li>Edit the current element. \/ Enter its scope.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"connection-with-navigator\">Connection with Navigator<\/h3>\n\n\n\n<p>The Navigator makes it easy to see which element you&#8217;re working on by always <strong>highlighting the active one<\/strong>. If you&#8217;re dragging elements around on the Canvas, you&#8217;ll see where you&#8217;re moving them within the Navigator as well.<\/p>\n\n\n\n<p>It also gives you access to the same right-click menu options that appear in the active element\u2019s toolbar under the three-dot menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"384\" src=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-15.png\" alt=\"Mosaic editor with the Navigator and Canvas highlighting the active element\" class=\"wp-image-250\" srcset=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-15.png 656w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-15-300x176.png 300w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-15-400x234.png 400w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"scopes\">Scopes<\/h3>\n\n\n\n<p>Pressing the <span class=\"mb_badge\">Edit<\/span> button allows you to modify the content of your element. In addition, double-clicking on the element achieves the same thing.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"222\" src=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-16.png\" alt=\"Edit button highlighted on an active element's toolbar in Mosaic\u2019s Canvas\" class=\"wp-image-251\" srcset=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-16.png 656w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-16-300x102.png 300w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-16-400x135.png 400w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/figure>\n\n\n\n<p>At elements that contain multiple elements, such as menus, clicking the Edit button will bring you into the <span class=\"mb_badge\">scope<\/span> of the current element.<\/p>\n\n\n\n<p>Once inside the scope of an element, you\u2019ll notice some changes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Toolbar:<\/strong> New options might appear on the Toolbar.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"222\" src=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-17.png\" alt=\"Toolbar on Mosaic\u2019s Canvas with new options visible when editing within the scope of a selected element\" class=\"wp-image-252\" srcset=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-17.png 656w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-17-300x102.png 300w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-17-400x135.png 400w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Navigator:<\/strong> The Navigator will now only show the contents of this element.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"384\" src=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-18-1.png\" alt=\"Navigator in Mosaic editor showing only the inner structure of the currently scoped element\" class=\"wp-image-1483\" srcset=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-18-1.png 656w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-18-1-400x234.png 400w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Add panel:<\/strong> The Add panel will show only the elements that can be added to the current element. Simple elements like Texts may not have additional options, while more complex elements like Menus will display new elements once inside their scope.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"384\" src=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-19-1.png\" alt=\"Add panel in Mosaic scoped to a selected element, showing only compatible elements that can be added within it\" class=\"wp-image-1484\" srcset=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-19-1.png 656w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-19-1-400x234.png 400w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/figure>\n\n\n\n<p>To exit the current element\u2019s scope, you have several options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Press the <strong>Done<\/strong> button<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"222\" src=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-20.png\" alt=\"Done button highlighted in the  toolbar of the current element\u2019s scope\" class=\"wp-image-255\" srcset=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-20.png 656w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-20-300x102.png 300w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-20-400x135.png 400w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click the <strong>Leave <\/strong>button<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"384\" src=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-21-1.png\" alt=\"Leave button highlighted in the toolbar, providing an option to exit the current editing scope of an element\" class=\"wp-image-1485\" srcset=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-21-1.png 656w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-21-1-400x234.png 400w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Press <strong>Esc<\/strong> on your keyboard<\/li>\n\n\n\n<li>Click outside the current element<\/li>\n<\/ul>\n\n\n\n<p>Additionally, you can always navigate to a parent scope using the <span class=\"mb_badge\">breadcrumbs<\/span> in the Navigator.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"384\" src=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-22-1.png\" alt=\"Breadcrumb navigation highlighted in Mosaic\u2019s Navigator\" class=\"wp-image-1486\" srcset=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-22-1.png 656w, https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-22-1-400x234.png 400w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/figure>\n","protected":false},"parent":0,"menu_order":8,"template":"","meta":{"_acf_changed":false},"class_list":["post-112","documentation","type-documentation","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.5 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>- Docs - Mosaic<\/title>\n<meta name=\"description\" content=\"The category explains the key features of the Editor. It covers navigation options, element management, and customization settings available for editing and arranging your content. It also touches on how to interact with elements on the Canvas, adjust their properties through the sidebar, and use the Navigator and scopes for more detailed control.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mosaicbuilder.com\/docs\/editor\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Editor\" \/>\n<meta property=\"og:description\" content=\"The category explains the key features of the Editor. It covers navigation options, element management, and customization settings available for editing and arranging your content. It also touches on how to interact with elements on the Canvas, adjust their properties through the sidebar, and use the Navigator and scopes for more detailed control.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mosaicbuilder.com\/docs\/editor\/\" \/>\n<meta property=\"og:site_name\" content=\"Mosaic\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/mosaicbuilderwp\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-14T08:42:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-01.png\" \/>\n\t<meta property=\"og:image:width\" content=\"656\" \/>\n\t<meta property=\"og:image:height\" content=\"384\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@MosaicBuilderWP\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mosaicbuilder.com\\\/docs\\\/editor\\\/\",\"url\":\"https:\\\/\\\/mosaicbuilder.com\\\/docs\\\/editor\\\/\",\"name\":\"- Docs - Mosaic\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mosaicbuilder.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mosaicbuilder.com\\\/docs\\\/editor\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mosaicbuilder.com\\\/docs\\\/editor\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.mosaicbuilder.com\\\/_\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/Editor-01.png\",\"datePublished\":\"2025-07-22T06:47:22+00:00\",\"dateModified\":\"2026-04-14T08:42:56+00:00\",\"description\":\"The category explains the key features of the Editor. It covers navigation options, element management, and customization settings available for editing and arranging your content. It also touches on how to interact with elements on the Canvas, adjust their properties through the sidebar, and use the Navigator and scopes for more detailed control.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mosaicbuilder.com\\\/docs\\\/editor\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mosaicbuilder.com\\\/docs\\\/editor\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mosaicbuilder.com\\\/docs\\\/editor\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cdn.mosaicbuilder.com\\\/_\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/Editor-01.png\",\"contentUrl\":\"https:\\\/\\\/cdn.mosaicbuilder.com\\\/_\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/Editor-01.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mosaicbuilder.com\\\/docs\\\/editor\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mosaicbuilder.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Editor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mosaicbuilder.com\\\/#website\",\"url\":\"https:\\\/\\\/mosaicbuilder.com\\\/\",\"name\":\"Mosaic\",\"description\":\"Mosaic goes beyond page building. It\u2019s a complete theme builder and design system that helps your next website stand out in style, speed, and functionality.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mosaicbuilder.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"- Docs - Mosaic","description":"The category explains the key features of the Editor. It covers navigation options, element management, and customization settings available for editing and arranging your content. It also touches on how to interact with elements on the Canvas, adjust their properties through the sidebar, and use the Navigator and scopes for more detailed control.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mosaicbuilder.com\/docs\/editor\/","og_locale":"en_US","og_type":"article","og_title":"Editor","og_description":"The category explains the key features of the Editor. It covers navigation options, element management, and customization settings available for editing and arranging your content. It also touches on how to interact with elements on the Canvas, adjust their properties through the sidebar, and use the Navigator and scopes for more detailed control.","og_url":"https:\/\/mosaicbuilder.com\/docs\/editor\/","og_site_name":"Mosaic","article_publisher":"https:\/\/www.facebook.com\/mosaicbuilderwp","article_modified_time":"2026-04-14T08:42:56+00:00","og_image":[{"width":656,"height":384,"url":"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-01.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@MosaicBuilderWP","twitter_misc":{"Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mosaicbuilder.com\/docs\/editor\/","url":"https:\/\/mosaicbuilder.com\/docs\/editor\/","name":"- Docs - Mosaic","isPartOf":{"@id":"https:\/\/mosaicbuilder.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mosaicbuilder.com\/docs\/editor\/#primaryimage"},"image":{"@id":"https:\/\/mosaicbuilder.com\/docs\/editor\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-01.png","datePublished":"2025-07-22T06:47:22+00:00","dateModified":"2026-04-14T08:42:56+00:00","description":"The category explains the key features of the Editor. It covers navigation options, element management, and customization settings available for editing and arranging your content. It also touches on how to interact with elements on the Canvas, adjust their properties through the sidebar, and use the Navigator and scopes for more detailed control.","breadcrumb":{"@id":"https:\/\/mosaicbuilder.com\/docs\/editor\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mosaicbuilder.com\/docs\/editor\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mosaicbuilder.com\/docs\/editor\/#primaryimage","url":"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-01.png","contentUrl":"https:\/\/cdn.mosaicbuilder.com\/_\/wp-content\/uploads\/2025\/07\/Editor-01.png"},{"@type":"BreadcrumbList","@id":"https:\/\/mosaicbuilder.com\/docs\/editor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mosaicbuilder.com\/"},{"@type":"ListItem","position":2,"name":"Editor"}]},{"@type":"WebSite","@id":"https:\/\/mosaicbuilder.com\/#website","url":"https:\/\/mosaicbuilder.com\/","name":"Mosaic","description":"Mosaic goes beyond page building. It\u2019s a complete theme builder and design system that helps your next website stand out in style, speed, and functionality.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mosaicbuilder.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/mosaicbuilder.com\/wp-json\/wp\/v2\/documentation\/112","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mosaicbuilder.com\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/mosaicbuilder.com\/wp-json\/wp\/v2\/types\/documentation"}],"wp:attachment":[{"href":"https:\/\/mosaicbuilder.com\/wp-json\/wp\/v2\/media?parent=112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}