{"id":3453,"date":"2026-02-19T07:38:21","date_gmt":"2026-02-19T07:38:21","guid":{"rendered":"https:\/\/www.uxtweak.com\/help\/?page_id=3453"},"modified":"2026-02-19T07:38:21","modified_gmt":"2026-02-19T07:38:21","slug":"formatting-toolbar","status":"publish","type":"page","link":"https:\/\/www.uxtweak.com\/help\/formatting-toolbar\/","title":{"rendered":"Formatting Toolbar"},"content":{"rendered":"\n<p class=\"text-block\">The formatting toolbar provides controls for styling text, inserting structured blocks, and enhancing insights with visual or semantic cues. It appears directly below the header and is always available while editing.<\/p>\n\n\n\n<p class=\"text-block\">Using the toolbar, you can:<\/p>\n\n\n\n<ul class=\"bullet-list\">\n<li>Add visual emphasis using colors, highlights, or emojis<\/li>\n\n\n\n<li>Format text and headings to structure your Insight<\/li>\n\n\n\n<li>Convert content into bullet or numbered list<\/li>\n\n\n\n<li>Insert content blocks such as media or research blocks<\/li>\n<\/ul>\n\n\n\n<div class=\"image-block\">    <div class=\"image-instance\">\n                    <img decoding=\"async\" class=\"image\" src=\"https:\/\/help.uxtweak.com\/wp-content\/uploads\/2026\/02\/image.png\" alt=\"Insight editor toolbar\" \/>\n                <div class=\"right-container\">\n            <div class=\"text\">\n                                    <h4>Insight editor toolbar<\/h4>\n                                                    <p>The toolbar provides quick access to text formatting, links, emojis, and content blocks while you write.<\/p>\n                            <\/div>\n            <div class=\"links\">\n\n            <\/div>\n        <\/div>\n    <\/div>\n    <\/div>\n\n\n<h2 id=\"text-formatting\" class=\"heading-block\" tabindex=\"0\">Text Formatting<a class=\"copy-link\" title=\"Copy link\" data-id=\"text-formatting\">&nbsp;<img decoding=\"async\" src=\"https:\/\/help.uxtweak.com\/wp-content\/themes\/uxtweak\/public\/assets\/images\/icons\/link.svg\" alt=\"Copy link\" \/><\/a><\/h2>\n\n\n<p class=\"text-block\">You can apply standard text formatting to any selected text:<\/p>\n\n\n\n<ul class=\"bullet-list\">\n<li><strong>Headings<\/strong>: Levels 1\u20134 for structuring sections<\/li>\n\n\n\n<li><strong>Normal text<\/strong>: Default paragraph style<\/li>\n\n\n\n<li><strong>Bold<\/strong>: Highlight key statements<\/li>\n\n\n\n<li><strong>Italic<\/strong>: Add emphasis<\/li>\n\n\n\n<li><strong>Underline<\/strong>: Draw attention to specific content<\/li>\n\n\n\n<li><strong>Strikethrough<\/strong>: Indicate removal or change<\/li>\n\n\n\n<li><strong>Bullet list: <\/strong>Present related items in an unordered list when sequence does not matter.<\/li>\n\n\n\n<li><strong>Numbered list: <\/strong>Display steps, priorities, or ordered information in a clear, sequential structure.<\/li>\n<\/ul>\n\n\n\n<p class=\"text-block\">Formatting updates happen inline without disrupting the editor flow.<\/p>\n\n\n<h2 id=\"undo-redo\" class=\"heading-block\" tabindex=\"0\">Undo &amp; Redo<a class=\"copy-link\" title=\"Copy link\" data-id=\"undo-redo\">&nbsp;<img decoding=\"async\" src=\"https:\/\/help.uxtweak.com\/wp-content\/themes\/uxtweak\/public\/assets\/images\/icons\/link.svg\" alt=\"Copy link\" \/><\/a><\/h2>\n\n\n<p class=\"text-block\">Undo and redo controls allow you to step backward or forward through recent changes without affecting the synced state of the document.<\/p>\n\n\n<h2 id=\"links\" class=\"heading-block\" tabindex=\"0\">Links<a class=\"copy-link\" title=\"Copy link\" data-id=\"links\">&nbsp;<img decoding=\"async\" src=\"https:\/\/help.uxtweak.com\/wp-content\/themes\/uxtweak\/public\/assets\/images\/icons\/link.svg\" alt=\"Copy link\" \/><\/a><\/h2>\n\n\n<p class=\"text-block\">Use the link control to attach URLs to selected text. Links remain interactive in the editor and are preserved in PDF exports.<\/p>\n\n\n\n<div class=\"image-block\">    <div class=\"image-instance\">\n                    <img decoding=\"async\" class=\"image\" src=\"https:\/\/help.uxtweak.com\/wp-content\/uploads\/2026\/01\/header-link.png\" alt=\"Editing links\" \/>\n                <div class=\"right-container\">\n            <div class=\"text\">\n                                    <h4>Editing links<\/h4>\n                                                    <p>You can add or edit a link for selected text and adjust the URL directly from this menu.<\/p>\n                            <\/div>\n            <div class=\"links\">\n\n            <\/div>\n        <\/div>\n    <\/div>\n    <\/div>\n\n\n<h2 id=\"text-color-highlight\" class=\"heading-block\" tabindex=\"0\">Text Color &amp; Highlight<a class=\"copy-link\" title=\"Copy link\" data-id=\"text-color-highlight\">&nbsp;<img decoding=\"async\" src=\"https:\/\/help.uxtweak.com\/wp-content\/themes\/uxtweak\/public\/assets\/images\/icons\/link.svg\" alt=\"Copy link\" \/><\/a><\/h2>\n\n\n<p class=\"text-block\">You can change the text color or apply a background highlight to emphasize important ideas or categorize content.<\/p>\n\n\n\n<div class=\"image-block\">    <div class=\"image-instance\">\n                    <img decoding=\"async\" class=\"image\" src=\"https:\/\/help.uxtweak.com\/wp-content\/uploads\/2026\/01\/header-text-color.png\" alt=\"Text color\" \/>\n                <div class=\"right-container\">\n            <div class=\"text\">\n                                    <h4>Text color<\/h4>\n                                                    <p>You can change the color of selected text to highlight important information or visually categorize content.<\/p>\n                            <\/div>\n            <div class=\"links\">\n\n            <\/div>\n        <\/div>\n    <\/div>\n    \n\n    <div class=\"image-instance\">\n                    <img decoding=\"async\" class=\"image\" src=\"https:\/\/help.uxtweak.com\/wp-content\/uploads\/2026\/01\/header-bcg-color.png\" alt=\"Text background\" \/>\n                <div class=\"right-container\">\n            <div class=\"text\">\n                                    <h4>Text background<\/h4>\n                                                    <p>You can apply a background color to selected text to draw attention or create visual emphasis.<\/p>\n                            <\/div>\n            <div class=\"links\">\n\n            <\/div>\n        <\/div>\n    <\/div>\n    <\/div>\n\n\n<h2 id=\"emoji-picker\" class=\"heading-block\" tabindex=\"0\">Emoji Picker<a class=\"copy-link\" title=\"Copy link\" data-id=\"emoji-picker\">&nbsp;<img decoding=\"async\" src=\"https:\/\/help.uxtweak.com\/wp-content\/themes\/uxtweak\/public\/assets\/images\/icons\/link.svg\" alt=\"Copy link\" \/><\/a><\/h2>\n\n\n<p class=\"text-block\">The emoji picker opens from the toolbar. It supports:<\/p>\n\n\n\n<ul class=\"bullet-list\">\n<li><strong>Categories<\/strong> for browsing<\/li>\n\n\n\n<li><strong>Recents<\/strong> for quick access<\/li>\n<\/ul>\n\n\n\n<p class=\"text-block\">Emojis can be used inline or as accent markers within callouts and other block types.<\/p>\n\n\n\n<div class=\"image-block\">    <div class=\"image-instance\">\n                    <img decoding=\"async\" class=\"image\" src=\"https:\/\/help.uxtweak.com\/wp-content\/uploads\/2026\/01\/header-emojis.png\" alt=\"Emoji picker\" \/>\n                <div class=\"right-container\">\n            <div class=\"text\">\n                                    <h4>Emoji picker<\/h4>\n                                                    <p>You can insert emojis into your content and browse by category or reuse recently used emojis.<\/p>\n                            <\/div>\n            <div class=\"links\">\n\n            <\/div>\n        <\/div>\n    <\/div>\n    <\/div>\n\n\n<h2 id=\"insert-block-menu\" class=\"heading-block\" tabindex=\"0\">Insert Block Menu<a class=\"copy-link\" title=\"Copy link\" data-id=\"insert-block-menu\">&nbsp;<img decoding=\"async\" src=\"https:\/\/help.uxtweak.com\/wp-content\/themes\/uxtweak\/public\/assets\/images\/icons\/link.svg\" alt=\"Copy link\" \/><\/a><\/h2>\n\n\n<p class=\"text-block\">The block menu lets you insert new content blocks at the cursor position. It includes:<\/p>\n\n\n\n<ul class=\"bullet-list\">\n<li>Quick access to commonly used blocks<\/li>\n\n\n\n<li>Option to insert any block type<\/li>\n\n\n\n<li>Option to open the <strong>View all blocks<\/strong> modal<\/li>\n<\/ul>\n\n\n\n<div class=\"image-block\">    <div class=\"image-instance\">\n                    <img decoding=\"async\" class=\"image\" src=\"https:\/\/help.uxtweak.com\/wp-content\/uploads\/2026\/01\/header-blocks.png\" alt=\"Insert block menu\" \/>\n                <div class=\"right-container\">\n            <div class=\"text\">\n                                    <h4>Insert block menu<\/h4>\n                                                    <p>You can insert new content blocks or open the full block library from this menu.<\/p>\n                            <\/div>\n            <div class=\"links\">\n\n            <\/div>\n        <\/div>\n    <\/div>\n    <\/div>\n\n\n<h2 id=\"view-all-blocks-modal\" class=\"heading-block\" tabindex=\"0\">View All Blocks Modal<a class=\"copy-link\" title=\"Copy link\" data-id=\"view-all-blocks-modal\">&nbsp;<img decoding=\"async\" src=\"https:\/\/help.uxtweak.com\/wp-content\/themes\/uxtweak\/public\/assets\/images\/icons\/link.svg\" alt=\"Copy link\" \/><\/a><\/h2>\n\n\n<p class=\"text-block\">Selecting &#8220;View all blocks&#8221; opens a full\u2011screen modal where you can:<\/p>\n\n\n\n<ul class=\"bullet-list\">\n<li>Browse all supported block types<\/li>\n\n\n\n<li>Filter by category (Basic, Media, UXtweak)<\/li>\n<\/ul>\n\n\n\n<p class=\"text-block\">This is the recommended way to discover and add less common blocks.<\/p>\n\n\n\n<div class=\"image-block\">    <div class=\"image-instance\">\n                    <img decoding=\"async\" class=\"image\" src=\"https:\/\/help.uxtweak.com\/wp-content\/uploads\/2026\/01\/editor-blocks-modal.png\" alt=\"All blocks modal\" \/>\n                <div class=\"right-container\">\n            <div class=\"text\">\n                                    <h4>All blocks modal<\/h4>\n                                                    <p>This modal shows all available block types and lets you filter them by category to quickly find what you need.<\/p>\n                            <\/div>\n            <div class=\"links\">\n\n            <\/div>\n        <\/div>\n    <\/div>\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p>The formatting toolbar provides controls for styling text, inserting structured blocks, and enhancing insights with visual or semantic cues. It appears directly below the header and is always available while editing. Using the toolbar, you can: You can apply standard text formatting to any selected text: Formatting updates happen inline without disrupting the editor flow. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":13,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","inline_featured_image":false,"footnotes":""},"categories":[37],"tags":[],"class_list":["post-3453","page","type-page","status-publish","hentry","category-insight-editor"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/pages\/3453","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/comments?post=3453"}],"version-history":[{"count":11,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/pages\/3453\/revisions"}],"predecessor-version":[{"id":3549,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/pages\/3453\/revisions\/3549"}],"wp:attachment":[{"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/media?parent=3453"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/categories?post=3453"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/tags?post=3453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}