{"type":"doc","content":[{"type":"extension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"include","parameters":{"macroParams":{"":{"value":"sneak peek warning"}},"macroMetadata":{"schemaVersion":{"value":"1"},"title":"Include Page"}}}},{"type":"panel","attrs":{"panelType":"error"},"content":[{"type":"paragraph","content":[{"text":"This page is still incomplete.","type":"text"}]}]},{"type":"bodiedExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"div","parameters":{"macroParams":{"class":{"value":"api-page"}},"macroMetadata":{"schemaVersion":{"value":"1"},"title":"Div"}}},"content":[{"type":"heading","attrs":{"level":1},"content":[{"text":"fluid.render()","type":"text"}]},{"type":"extension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"legacy-content","text":"","parameters":{"nestedContent":{"type":"doc","content":[{"type":"bodiedExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"section","parameters":{"macroParams":{},"macroMetadata":{"schemaVersion":{"value":"1"},"title":"Section"}}},"content":[{"type":"bodiedExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"column","parameters":{"macroParams":{"width":{"value":"70%"}},"macroMetadata":{"schemaVersion":{"value":"1"},"title":"Column"}}},"content":[{"type":"paragraph","content":[{"text":"A simple driver for single node self-templating. Parses the source into a template structure, renders it using the supplied component tree and options, replaces the markup in the target node with the rendered markup, and finally performs any required data binding.","type":"text"}]},{"type":"codeBlock","content":[{"text":"\nfluid.render(source, target, tree, options);\n","type":"text"}]},{"type":"paragraph","content":[{"text":"File name:","type":"text","marks":[{"type":"strong"}]},{"text":" ","type":"text"},{"text":"Renderer.js","type":"text","marks":[{"type":"code"}]}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Parameters","type":"text"}]},{"type":"bodiedExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"span","parameters":{"macroParams":{"class":{"value":"borderless-table"},"atlassian-macro-output-type":{"value":"INLINE"}},"macroMetadata":{"schemaVersion":{"value":"1"},"title":"Span (Deprecated)"}}},"content":[{"type":"table","attrs":{"layout":"align-start"},"content":[{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"source","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":" (Object or String) Either a structure {","type":"text"},{"text":"node: node, armouring: armourstyle","type":"text","marks":[{"type":"code"}]},{"text":"} or a string holding a literal template. See the ","type":"text"},{"text":"source","type":"text","marks":[{"type":"link","attrs":{"href":"#fluid.render-sourcedesc"}}]},{"text":" section below for more information. ","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"target","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":" (Node) The node to receive the rendered markup ","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"tree","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":" (Object) The component tree to be rendered ","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"options","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":" (Object) An options structure to configure the rendering and binding process. See the ","type":"text"},{"text":"options","type":"text","marks":[{"type":"link","attrs":{"href":"#fluid.render-optionsdesc"}}]},{"text":" section below for more information. ","type":"text"}]}]}]}]}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Return Value","type":"text"}]},{"type":"bodiedExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"span","parameters":{"macroParams":{"class":{"value":"borderless-table"},"atlassian-macro-output-type":{"value":"INLINE"}},"macroMetadata":{"schemaVersion":{"value":"1"},"title":"Span (Deprecated)"}}},"content":[{"type":"table","attrs":{"layout":"align-start"},"content":[{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Object","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":" A templates structure, suitable for a further call to ","type":"text"},{"text":"fluid.reRender","type":"text","marks":[{"type":"link","attrs":{"href":"https://fluidproject.atlassian.net/wiki/spaces/Infusion14/pages/9470973"}}]},{"text":" or ","type":"text"},{"text":"fluid.renderTemplates","type":"text","marks":[{"type":"link","attrs":{"href":"https://fluidproject.atlassian.net/wiki/pages/createpage.action?spaceKey=infusion14&title=fluid.renderTemplates&linkCreation=true&fromPageId=9470880"}}]},{"text":" ","type":"text"}]}]}]}]}]}]},{"type":"bodiedExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"column","parameters":{"macroParams":{"width":{"value":"5%"}},"macroMetadata":{"schemaVersion":{"value":"1"},"title":"Column"}}},"content":[{"type":"paragraph"}]},{"type":"bodiedExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"column","parameters":{"macroParams":{},"macroMetadata":{"schemaVersion":{"value":"1"},"title":"Column"}}},"content":[{"type":"heading","attrs":{"level":3},"content":[{"text":"See Also","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"fluid.initRendererComponent","type":"text","marks":[{"type":"link","attrs":{"href":"https://fluidproject.atlassian.net/wiki/spaces/Infusion14/pages/9470763"}}]}]}]}]}]}]}],"version":1},"reason":"A section macro in a rich body macro can't be created or edited in the new editor.","cxhtml":"

\n70%

A simple driver for single node self-templating. Parses the source into a template structure, renders it using the supplied component tree and options, replaces the markup in the target node with the rendered markup, and finally performs any required data binding.

\njavascriptwhitenone

File name: Renderer.js

\n\n

Parameters

\n\n

borderless-tableINLINE\n

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n

`source`	(Object or String) Either a structure {`node: node, armouring: armourstyle`} or a string holding a literal template. See the source section below for more information.
`target`	(Node) The node to receive the rendered markup
`tree`	(Object) The component tree to be rendered
`options`	(Object) An options structure to configure the rendering and binding process. See the options section below for more information.

\n\n

Return Value

borderless-tableINLINE\n

\n\n\n\n\n

Object

A templates structure, suitable for a further call to or

\n\n\n5%\n\n

"}}},{"type":"rule"},{"type":"heading","attrs":{"level":3},"content":[{"text":"Notes","type":"text"}]},{"type":"paragraph","content":[{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"anchor","parameters":{"macroParams":{"":{"value":"sourcedesc"},"legacyAnchorId":{"value":"fluid.render-sourcedesc"}},"macroMetadata":{"schemaVersion":{"value":"1"},"title":"Anchor"}}}}]},{"type":"heading","attrs":{"level":4},"content":[{"text":"The ","type":"text"},{"text":"source","type":"text","marks":[{"type":"code"}]},{"text":" parameter","type":"text"}]},{"type":"paragraph","content":[{"text":"The ","type":"text"},{"text":"source","type":"text","marks":[{"type":"code"}]},{"text":" parameter can either be a string holding a literal template or an object with the following structure:","type":"text"}]},{"type":"codeBlock","content":[{"text":"\n{\n node: ,\n armouring: \n}\n","type":"text"}]},{"type":"paragraph","content":[{"text":"The properties in the object are:","type":"text"},{"type":"hardBreak"},{"text":"\n","type":"text"}]},{"type":"extension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"legacy-content","text":"","parameters":{"nestedContent":{"type":"doc","content":[{"type":"bodiedExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"span","parameters":{"macroParams":{"class":{"value":"borderless-table"},"atlassian-macro-output-type":{"value":"INLINE"}},"macroMetadata":{"schemaVersion":{"value":"1"},"title":"Span (Deprecated)"}}},"content":[{"type":"table","attrs":{"layout":"align-start"},"content":[{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"node","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":" This is a either a pure DOM node or a jQuery object wrapping a DOM node. ","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"armouring","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":" This boolean flag controls whether or not the ","type":"text"},{"text":"node","type":"text","marks":[{"type":"code"}]},{"text":" is ","type":"text"},{"text":"treated as ...?","type":"text","marks":[{"type":"textColor","attrs":{"color":"#ff0000"}}]},{"text":" (default: ","type":"text"},{"text":"false","type":"text","marks":[{"type":"code"}]},{"text":")","type":"text"}]}]}]}]}]}],"version":1},"cxhtml":"borderless-tableINLINE

\n\n\n\n\n\n\n\n\n\n

`node`	This is a either a pure DOM node or a jQuery object wrapping a DOM node.
`armouring`	This boolean flag controls whether or not the `node` is treated as ...? (default: `false`)

"}}},{"type":"paragraph","content":[{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"anchor","parameters":{"macroParams":{"":{"value":"optionsdesc"},"legacyAnchorId":{"value":"fluid.render-optionsdesc"}},"macroMetadata":{"schemaVersion":{"value":"1"},"title":"Anchor"}}}}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Options","type":"text"}]},{"type":"paragraph","content":[{"text":"The ","type":"text"},{"text":"options","type":"text","marks":[{"type":"code"}]},{"text":" parameter is an optional object containing key/value pairs that can configure how the Renderer works. Supported options are:","type":"text"}]},{"type":"paragraph","content":[{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"excerpt-include","parameters":{"macroParams":{"":{"value":"renderer Options"},"nopanel":{"value":"true"}},"macroMetadata":{"schemaVersion":{"value":"1"},"title":"Insert excerpt"}}}},{"text":"\n\n","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Example","type":"text"}]},{"type":"codeBlock","content":[{"text":"\nexample here\n","type":"text"}]},{"type":"paragraph","content":[{"text":"In this example, description here...","type":"text"}]}]}],"version":1}