Versions Compared

Old Version 27

changes.mady.by.user Caelor Marketplace Support

Saved on

compared with

New Version 28

changes.mady.by.user Marin Varvodic

Saved on

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 HTML, JavaScript, 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.

Easy HTML.mov

How To Use

Image Removed

To add the

Easy HTML

Button macro to a Confluence page: 

In

  • Choose “+” in the Confluence editor

, choose + > Other Macros andFind

  • Search “button” and select the

Easy HTML macro

  • MacroSuite - Button.

Alternatively, type

‘

'/'

and the beginning of an element (tool or things in the insert menu)

on the Confluence page to see a list of suggestions and

enter

type '

Easy HTML

Button.

’

' 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.

create and customise buttons fast and easily.

Image Added
easy-html

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
buttonTextSuggest new feature
isButtonShadowOn

false

true
buttonColor#0252cc
buttonBorderColor
buttonNewTabtrue
buttonFontColor#ffffff
buttonSizemedium
buttonWidthDetection

small

260
buttonIconColor#ffffff
buttonHoverColor#0252cc
buttonIconfas/angle-right
buttonTypeicon_right
buttonNewLink
buttonLinkhttps://caelor.atlassian.net/servicedesk/customer/portal/1/group/1/create/8
buttonRadius20
buttonShadow

50

0
buttonWidth260

Examples

Tabs

Stocks overview

YouTube videos

Calendar

Social Media Buttons

HTML on view mode

Atlassian business model

MacroSuite News

cp-content-card-macro
theme
data{"
label
type":"
solarized_dark
blog","
value
variant":"
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 macrotheme{"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":""
grid","columns":1,"contributors":[],"labels":[],"spaces":[],"pagination":"carousel","enrichment":"dynamic","limit":"2","manuallyPicked":[],"_migrations":["migrateContentCards"]}