Campaign for Real Ale

HTML Support in Body

The Body section of any BeerEngine page can in general contain any valid HTML. BeerEngine uses a third party HTML filter - HTML purifier. This is mostly to correct mistakes made by people writing content rather than to filter things out. It also adds tags around newlines and makes URLs and email addresses into links - including the spam proofing of the emails. The original content is stored separately, so the thing you edit is not modified by this process.

The list of allowed tags is: a, abbr, acronym, address, b, basefont, bdo, big, blockquote, br, button, caption, center, cite, code, col, colgroup, dd, del, dfn, dir, div, dl, dt, em, embed, fieldset, font, form, h1, h2, h3, h4, h5, h6, hr, i, iframe, img, input, ins, kbd, label, legend, li, menu, noscript, object, ol, optgroup, option, p, param, pre, q, s, samp, script, select, small, span, strike, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, u, ul, var.

Each of those tags has a particular set of allowed attributes and children. The details of the configuration used in BeerEngine are documented, although this guide is not for the faint hearted.

January 2022 functional update...

There are few things for which a fair working knowledge of HTML is essential within Beer Engine; making an image a link, is one which comes up time and again. Beer Engine has LINK, IMAGE and LOGO content types; previously they could not be used together to create a clickable image. A functional update in January 2022 has removed need for recourse to the necessity to use a HTML link (an anchor) "wrapped around" the image content.

Extensions to Beer Engine now permit a LINK to be referenced in both the IMAGE and LOGO content tags...

[[image:id=27, link=87]] or [[logo:name=whatpub, link=87]]

The image content tag can take all of the standard attributes for controlling size and position (text wrapping). Putting all of this together gives...

[[image:id=7, size=thumbnail, class=right, link=87]]


[[logo:name=whatpub, link=151013]]