Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Easy HTML.mov

Introduction

The Easy HTML macro allows you to add code snippets to your page. These include HTMLJavaScript, and CSS, which will run inside the macro and not affect the rest of the page. Our Easy HTML will bring your Confluence pages to the next level.


How To Use

To add the Easy HTML macro to a Confluence page: 

  • In the Confluence editor, choose + > Other Macros and

  • Find and select the Easy HTML macro.

Alternatively, type ‘/' and the beginning of an element (tool or things in the insert menu) to see a list of suggestions and enter 'Easy HTML.’

Intuitive configuration dialogue helps users to add and combine HTML, CSS, and Javascript code. With live preview, it is possible to show results in realtime without saving the configuration.

App configuration

Define users or user groups who can use Javascript in Easy HTML. This feature is introduced because of security reasons.

HTML, CSS and Javascript

Allows you to add code snippets to your page. These include HTML, JavaScript, and CSS, which will run inside the macro itself and not affect the rest of the page.


Roadmap

The Easy HTML macro will receive updates to improve performance and user experience. We will introduce the following features soon:

  • Upload HTML code

  • PDF export for Easy HTML preview

If you have any questions, need more detailed information, or want to share feature suggestions, please feel free to contact us via our service desk.

Button macro
medium
buttonTextSuggest new feature
isButtonShadowOnfalse
buttonColor#0252cc
buttonBorderColor
buttonNewTabtrue
buttonFontColor#ffffff
buttonSizesmall
buttonIconColor#ffffff
buttonHoverColor#0252cc
buttonIconfas/angle-right
buttonTypeicon_right
buttonColor#0252cc
buttonBorderColorbuttonNewTabtrue
buttonNewLink
buttonLinkhttps://caelor.atlassian.net/servicedesk/customer/portal/1/group/1/create/8
buttonRadius20
buttonFontColor#ffffff
buttonSizebuttonShadow50
buttonWidth260


Examples

Tabs

Stocks overview

YouTube videos

Calendar

Social Media Buttons

HTML on view mode

Atlassian business model

Easy html macro
theme{"label":"solarized_dark","value":"solarized_dark"}
contentByMode{"html":"<iframe width=\"400\" height=\"200\" src=\"https://www.youtube.com/embed/Exx_LVWpNII\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>","javascript":"","css":""}

Caelor offices

Easy html macro
theme{"label":"solarized_dark","value":"solarized_dark"}
contentByMode{"html":"<div class=\"mapouter\"><div class=\"gmap_canvas\"><iframe class=\"gmap_iframe\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\" src=\"https://maps.google.com/maps?width=600&amp;height=400&amp;hl=en&amp;q=matrix zagreb&amp;t=&amp;z=14&amp;ie=UTF8&amp;iwloc=B&amp;output=embed\"></iframe><a href=\"https://www.fnfgo.com/\">FNF Online Mods</a></div><style>.mapouter{position:relative;text-align:right;width:600px;height:400px;}.gmap_canvas {overflow:hidden;background:none!important;width:400px;height:200px;}.gmap_iframe {width:400px!important;height:200px!important;}</style></div>","javascript":"","css":""}