{"type":"doc","content":[{"type":"heading","attrs":{"level":2},"content":[{"text":"Inline Edit","type":"text"}]},{"type":"bodiedExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"section","parameters":{"macroParams":{},"macroMetadata":{"schemaVersion":{"value":"1"},"title":"Section"}}},"content":[{"type":"extension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"legacy-content","text":"","parameters":{"cxhtml":"50%

Inline Edit allows a user to do quick edits to simple text without having to switch modes or screens. All work is done on the same interface, which helps the user maintain context.

\n\n

The basic form of the Inline Edit component is the Simple Text Inline Edit. Three specific integrations are also available:

a Dropdown Inline Edit
a Rich Text Inline Edit using the CKEditor
a Rich Text Inline Edit using TinyMCE

\n\n\n

Simple Text Inline Edit

\n\njavascript

\njavascript

\n\n

Creates an Inline Edit component (or multiple components) that uses a simple input field for the edit mode. See for details.

\n\n

Dropdown Inline Edit

\n\njavascript

\n\n

Creates an Inline Edit component that uses a dropdown selection box for the edit mode. See for details.

\n\n

Rich Text Inline Edit

\n\njavascript

\n\n

Creates an Inline Edit component that uses a rich text editor for the edit mode. See for details.

\n\n

\n#fff#aab597solidStatus#321137

Dropdown is in Sneak Peek status
\nRich Text is in Sneak Peek status
\nSimple Text is in Production status

\n#fff#D3E3C4solidOn This Page#566b30

\n52

\n#fff#c1b7c3solidSee Also#321137

\n#fff#ccccccsolidStill need help?#321137

Join the infusion-users mailing list and ask your questions there.

","nestedContent":{"type":"doc","content":[{"type":"bodiedExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"column","parameters":{"macroParams":{},"macroMetadata":{"schemaVersion":{"value":"1"},"title":"Column"}}},"content":[{"type":"table","attrs":{"layout":"default"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"background":"#aab597","rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Status","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"background":"#fff","rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Dropdown is in ","type":"text"},{"text":"Sneak Peek status","type":"text","marks":[{"type":"link","attrs":{"href":"https://fluidproject.atlassian.net/wiki/spaces/Infusion13/pages/9315839"}}]},{"text":" ","type":"text"},{"type":"hardBreak"},{"text":"\nRich Text is in ","type":"text"},{"text":"Sneak Peek status","type":"text","marks":[{"type":"link","attrs":{"href":"https://fluidproject.atlassian.net/wiki/spaces/Infusion13/pages/9315839"}}]},{"text":" ","type":"text"},{"type":"hardBreak"},{"text":"\nSimple Text is in ","type":"text"},{"text":"Production status","type":"text","marks":[{"type":"link","attrs":{"href":"https://fluidproject.atlassian.net/wiki/spaces/Infusion13/pages/9315839"}}]},{"text":" ","type":"text"}]}]}]}]},{"type":"table","attrs":{"layout":"default"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"background":"#D3E3C4","rowspan":1},"content":[{"type":"paragraph","content":[{"text":"On This Page","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"background":"#fff","rowspan":1},"content":[{"type":"extension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"toc","parameters":{"macroParams":{"maxLevel":{"value":"5"},"minLevel":{"value":"2"}},"macroMetadata":{"schemaVersion":{"value":"1"},"title":"Table of Contents"}}}}]}]}]},{"type":"table","attrs":{"layout":"default"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"background":"#c1b7c3","rowspan":1},"content":[{"type":"paragraph","content":[{"text":"See Also","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"background":"#fff","rowspan":1},"content":[{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Inline Edit","type":"text","marks":[{"type":"link","attrs":{"href":"https://fluidproject.atlassian.net/wiki/spaces/Infusion13/pages/9314351"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Simple Text Inline Edit API","type":"text","marks":[{"type":"link","attrs":{"href":"https://fluidproject.atlassian.net/wiki/spaces/Infusion13/pages/9316005"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Dropdown Inline Edit API","type":"text","marks":[{"type":"link","attrs":{"href":"https://fluidproject.atlassian.net/wiki/spaces/Infusion13/pages/9315799"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Rich Text Inline Edit API","type":"text","marks":[{"type":"link","attrs":{"href":"https://fluidproject.atlassian.net/wiki/spaces/Infusion13/pages/9316344"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Fluid Component API","type":"text","marks":[{"type":"link","attrs":{"href":"https://fluidproject.atlassian.net/wiki/spaces/Infusion13/pages/9316309"}}]}]}]}]}]}]}]},{"type":"table","attrs":{"layout":"default"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"background":"#cccccc","rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Still need help?","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"background":"#fff","rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Join the ","type":"text"},{"text":"infusion-users mailing list","type":"text","marks":[{"type":"link","attrs":{"href":"http://fluidproject.org/mailman/listinfo/infusion-users"}}]},{"text":" and ask your questions there.","type":"text"}]}]}]}]}]}],"version":1},"reason":"A column macro in a rich body macro can't be created or edited in the new editor."}}}]},{"type":"rule"},{"type":"paragraph","content":[{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"anchor","parameters":{"macroParams":{"":{"value":"events"},"legacyAnchorId":{"value":"InlineEditAPI-events"}},"macroMetadata":{"schemaVersion":{"value":"1"},"title":"Anchor"}}}}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Supported Events","type":"text"}]},{"type":"paragraph","content":[{"text":"The Inline Edit component fires the following events (for more information about events in the Fluid Framework, see ","type":"text"},{"text":"Events for Component Users","type":"text","marks":[{"type":"link","attrs":{"href":"https://fluidproject.atlassian.net/wiki/spaces/Infusion13/pages/9316085"}}]},{"text":"):","type":"text"}]},{"type":"extension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"include","parameters":{"macroParams":{"":{"value":"Inline Edit Events"}},"macroMetadata":{"schemaVersion":{"value":"1"},"title":"Include Page"}}}},{"type":"extension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"include","parameters":{"macroParams":{"":{"value":"Inline Edit Functions"}},"macroMetadata":{"schemaVersion":{"value":"1"},"title":"Include Page"}}}},{"type":"extension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"include","parameters":{"macroParams":{"":{"value":"Inline Edit Configuration Options"},"nopanel":{"value":"true"}},"macroMetadata":{"schemaVersion":{"value":"1"},"title":"Include Page"}}}},{"type":"rule"},{"type":"heading","attrs":{"level":2},"content":[{"text":"Dependencies","type":"text"}]},{"type":"paragraph","content":[{"text":"The Inline Edit dependencies can be met by including the minified InfusionAll.js file in the header of the HTML file:","type":"text"}]},{"type":"codeBlock","content":[{"text":"\n\n","type":"text"}]},{"type":"paragraph","content":[{"text":"Alternatively, the individual file requirements are:","type":"text"}]},{"type":"extension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"include","parameters":{"macroParams":{"":{"value":"Inline Edit Dependencies"},"nopanel":{"value":"true"}},"macroMetadata":{"schemaVersion":{"value":"1"},"title":"Include Page"}}}}],"version":1}