{"type":"doc","content":[{"type":"bodiedExtension","attrs":{"layout":"default","extensionType":"com.atlassian.confluence.macro.core","extensionKey":"excerpt","parameters":{"macroParams":{},"macroMetadata":{"macroId":{"value":"0789a2d1-4e8a-4729-a6d6-e28c609167ef"},"schemaVersion":{"value":"1"},"title":"Excerpt"}}},"content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"id":"atlassian-info","text":":info:","shortName":":info:"}},{"text":" Easily customize your pages and space overview using this macro. Its behavior will be slightly different in overview pages of spaces customized with one of the provided themes vs regular pages.","type":"text"}]},{"type":"paragraph","content":[{"text":"This macro will fit two purposes in this extension render custom ","type":"text"},{"text":"html","type":"text","marks":[{"type":"link","attrs":{"href":"https://en.wikipedia.org/wiki/HTML"}}]},{"text":" code into your confluence cloud pages or customize an overview page on a space that is using one of the custom provided themes.","type":"text"}]}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Quick guide ","type":"text"}]},{"type":"paragraph","content":[{"text":"Adding this macro to your pages:","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Insert from macros menu ","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":80.0},"content":[{"type":"media","attrs":{"width":856,"id":"a27cf591-059a-4763-ba33-251190c9b0c0","collection":"contentId-522321921","type":"file","height":517}}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Insert by direct input","type":"text"}]},{"type":"paragraph","content":[{"text":"Type ","type":"text"},{"text":"/html","type":"text","marks":[{"type":"strong"}]},{"text":" and press enter","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":55.0},"content":[{"type":"media","attrs":{"width":360,"alt":"How to insert","id":"ca22bdb4-8272-4eba-be9a-f13eb6667609","collection":"contentId-522321921","type":"file","height":180}}]},{"type":"paragraph"},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"The following content will appear into your page","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":55.0},"content":[{"type":"media","attrs":{"width":534,"id":"3441357f-9bb1-4198-89ab-760d0a551202","collection":"contentId-522321921","type":"file","height":263}}]},{"type":"paragraph","content":[{"text":"Edit macro","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":65.0},"content":[{"type":"media","attrs":{"width":881,"id":"30ccf897-16a5-4642-a5c3-6f6f1f5567f5","collection":"contentId-522321921","type":"file","height":549}}]},{"type":"paragraph","content":[{"text":"Enter your html code in the right side input and press ","type":"text"},{"text":"Save","type":"text","marks":[{"type":"strong"}]},{"text":". Your content will render after you publish the page.","type":"text"}]},{"type":"paragraph","content":[{"text":"Example - include custom js","type":"text","marks":[{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":" Render a custom d3 graph from ","type":"text"},{"text":"https://www.d3-graph-gallery.com/graph/histogram_double.html","type":"text","marks":[{"type":"link","attrs":{"href":"https://www.d3-graph-gallery.com/graph/histogram_double.html"}}]},{"text":" (We would like to thank the author for his work)","type":"text"}]},{"type":"expand","attrs":{"title":"Show me the code!"},"content":[{"type":"codeBlock","attrs":{"language":"html"},"content":[{"text":"\n\n

\n","type":"text"}]}]},{"type":"extension","attrs":{"layout":"default","extensionType":"com.atlassian.confluence.macro.core","extensionKey":"wild-html-block","parameters":{"macroParams":{"__bodyContent":{"value":"\n\n

\n"}},"macroMetadata":{"macroId":{"value":"b3543425-72ac-4535-92d9-ead64e8513d0"},"schemaVersion":{"value":"1"},"placeholder":[{"type":"icon","data":{"url":"https://themes.confluence.pgaconsult.ro/imgs/html.block.icon.png"}}],"title":"HTML Block"}}}},{"type":"paragraph"},{"type":"heading","attrs":{"level":2},"content":[{"text":"How it works","type":"text"}]},{"type":"table","attrs":{"layout":"default"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[254.0]},"content":[{"type":"paragraph"}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[253.0]},"content":[{"type":"paragraph","content":[{"text":"Macro in regular page","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[253.0]},"content":[{"type":"paragraph","content":[{"text":"Macro in Space Overview page (Custom theme)","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[254.0]},"content":[{"type":"paragraph","content":[{"text":"Instance count","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[253.0]},"content":[{"type":"paragraph","content":[{"text":"Multiple instances can be used inside a single page. ","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[253.0]},"content":[{"type":"paragraph","content":[{"text":"1 instance per custom theme overview page can be used","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[254.0]},"content":[{"type":"paragraph","content":[{"text":"Technical details","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[253.0]},"content":[{"type":"paragraph","content":[{"text":"Each macro is rendered inside an iframe element as it’s supported by Atlassians extension mechanism. The contained code is not permitted to alter or extend other functionalities present in the page","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[253.0]},"content":[{"type":"paragraph","content":[{"text":"Content from the iframe will be extracted and appended to the page, it can alter content that is not rendered in iframes (special macros might be rendered in iframes)","type":"text"}]}]}]}]},{"type":"paragraph"},{"type":"paragraph"}],"version":1}

Browser not supported