Class HtmlHelper

Html Helper class for easy use of HTML widgets.

HtmlHelper encloses all methods needed while working with HTML pages.

Namespace: Cake\View\Helper
Link: http://book.cakephp.org/3.0/en/views/helpers/html.html

Property Summary

$Url public @property

UrlHelper
$_View protected

Cake\View\View

The View instance this helper is attached to
$_config protected

array

Runtime config
$_configInitialized protected

bool

Whether the config property has already been configured with defaults
$_crumbs protected

array

Breadcrumbs.
$_defaultConfig protected

array

Default config for this class
$_docTypes protected

array

Document type definitions
$_helperMap protected

array

A helper lookup table used to lazy load helper objects.
$_includedAssets protected

array

Names of script & css files that have been included once
$_scriptBlockOptions protected

array

Options for the currently opened script block buffer if any.
$_templater protected

Cake\View\StringTemplate

StringTemplate instance.
$fieldset public

array

Holds the fields ['field_name' => ['type' => 'string', 'length' => 100]], primaryKey and validates ['field_name']
$helpers public

array

List of helpers used by this helper
$plugin public

string

Plugin path
$request public

Cake\Network\Request

Request object
$response public

Cake\Network\Response

Reference to the Response object
$tags public

array

Holds tag templates.
$theme public

string

The current theme name if any.

Method Summary

__call() public

Provide non fatal errors on missing method calls.
__construct() public

Constructor
__debugInfo() public

Returns an array that can be used to describe the internal state of this object.
__get() public

Lazy loads helpers.
_configDelete() protected

Delete a single config key
_configRead() protected

Read a config variable
_configWrite() protected

Write a config variable
_confirm() protected

Returns a string to be used as onclick handler for confirm dialogs.
_nestedListItem() protected

Internal function to build a nested list (UL/OL) out of an associative array.
_prepareCrumbs() protected

Prepends startText to crumbs array if set
addClass() public

Adds the given class to the element options
addCrumb() public

Adds a link to the breadcrumbs array.
charset() public

Returns a charset META-tag.
config() public

Usage
configShallow() public

Merge provided config with existing config. Unlike config() which does a recursive merge for nested keys, this method does a simple merge.
css() public

Creates a link element for CSS stylesheets.
div() public

Returns a formatted DIV tag for HTML FORMs.
docType() public

Returns a doctype string.
formatTemplate() public

Format a template string with $data
getCrumbList() public

Returns breadcrumbs as a (x)html list
getCrumbs() public

Returns the breadcrumb trail as a sequence of »-separated links.
image() public

Creates a formatted IMG element.
implementedEvents() public

Event listeners.
link() public

Creates an HTML link.
media() public

Returns an audio/video element
meta() public

Creates a link to an external resource and handles basic meta tags
nestedList() public

Build a nested list (UL/OL) out of an associative array.
para() public

Returns a formatted P tag.
script() public

Returns one or many <script> tags depending on the number of scripts given.
scriptBlock() public

Wrap $script in a script tag.
scriptEnd() public

End a Buffered section of JavaScript capturing. Generates a script tag inline or appends to specified view block depending on the settings used when the scriptBlock was started
scriptStart() public

Begin a script block that captures output until HtmlHelper::scriptEnd() is called. This capturing block will capture all output between the methods and create a scriptBlock from it.
style() public

Builds CSS style data from an array of CSS properties
tableCells() public

Returns a formatted string of table rows (TR's with TD's in them).
tableHeaders() public

Returns a row of formatted and named TABLE headers.
tag() public

Returns a formatted block tag, i.e DIV, SPAN, P.
templater() public

templater
templates() public

Get/set templates to use.

Method Detail

__call() ¶ public

__call(string $method, array $params): void

Provide non fatal errors on missing method calls.

Parameters

string $method: Method to invoke
array $params: Array of params for the method.

Returns

void

__construct() ¶ public

__construct(Cake\View\View $View, array $config = [])

Constructor

Settings

templates Either a filename to a config containing templates. Or an array of templates to load. See Cake\View\StringTemplate for template formatting.

Customizing tag sets

Using the templates option you can redefine the tag HtmlHelper will use.

Parameters

Cake\View\View $View: The View this helper is being attached to.
array $config optional: Configuration settings for the helper.

__debugInfo() ¶ public

__debugInfo(): array

Returns an array that can be used to describe the internal state of this object.

Returns

array

__get() ¶ public

__get(string $name): Cake\View\Helper|void

Lazy loads helpers.

Parameters

string $name: Name of the property being accessed.

Returns

Cake\View\Helper|void

_configDelete() ¶ protected

_configDelete(string $key): void

Delete a single config key

Parameters

string $key: Key to delete.

Returns

void

Throws

Cake\Core\Exception\Exception
if attempting to clobber existing config

_configRead() ¶ protected

_configRead(string|null $key): mixed

Read a config variable

Parameters

string|null $key: Key to read.

Returns

mixed

_configWrite() ¶ protected

_configWrite(string|array $key, mixed $value, bool|string $merge = false): void

Write a config variable

Parameters

string|array $key: Key to write to.
mixed $value: Value to write.
bool|string $merge optional: True to merge recursively, 'shallow' for simple merge, false to overwrite, defaults to false.

Returns

void

Throws

Cake\Core\Exception\Exception
if attempting to clobber existing config

_confirm() ¶ protected

_confirm(string $message, string $okCode, string $cancelCode = '', array $options = []): string

Returns a string to be used as onclick handler for confirm dialogs.

Parameters

string $message: Message to be displayed
string $okCode: Code to be executed after user chose 'OK'
string $cancelCode optional: Code to be executed after user chose 'Cancel'
array $options optional: Array of options

Returns

string

_nestedListItem() ¶ protected

_nestedListItem(array $items, array $options, array $itemOptions): string

Internal function to build a nested list (UL/OL) out of an associative array.

Parameters

array $items: Set of elements to list.
array $options: Additional HTML attributes of the list (ol/ul) tag.
array $itemOptions: Options and additional HTML attributes of the list item (LI) tag.

Returns

string

_prepareCrumbs() ¶ protected

_prepareCrumbs(string|array|bool $startText, bool $escape = true): array

Prepends startText to crumbs array if set

Parameters

string|array|bool $startText: Text to prepend
bool $escape optional: If the output should be escaped or not

Returns

array

addClass() ¶ public

addClass(array $options = [], string $class = null, string $key = 'class'): array

Adds the given class to the element options

Parameters

array $options optional: Array options/attributes to add a class to
string $class optional: The class name being added.
string $key optional: the key to use for class.

Returns

array

addCrumb() ¶ public

addCrumb(string $name, string|null $link = null, string|array $options = []): $this

Adds a link to the breadcrumbs array.

Parameters

string $name: Text for link
string|null $link optional: URL for link (if empty it won't be a link)
string|array $options optional: Link attributes e.g. ['id' => 'selected']

Returns

$this

Links

http://book.cakephp.org/3.0/en/views/helpers/html.html#creating-breadcrumb-trails-with-htmlhelper

charset() ¶ public

charset(string|null $charset = null): string

Returns a charset META-tag.

Parameters

string|null $charset optional: The character set to be used in the meta tag. If empty, The App.encoding value will be used. Example: "utf-8".

Returns

string

Links

http://book.cakephp.org/3.0/en/views/helpers/html.html#creating-charset-tags

config() ¶ public

config(string|array|null $key = null, mixed|null $value = null, bool $merge = true): mixed

Usage

Reading the whole config:

$this->config();

Reading a specific value:

$this->config('key');

Reading a nested value:

$this->config('some.nested.key');

Setting a specific value:

$this->config('key', $value);

Setting a nested value:

$this->config('some.nested.key', $value);

Updating multiple config settings at the same time:

$this->config(['one' => 'value', 'another' => 'value']);

Parameters

string|array|null $key optional: The key to get/set, or a complete array of configs.
mixed|null $value optional: The value to set.
bool $merge optional: Whether to recursively merge or overwrite existing config, defaults to true.

Returns

mixed

Throws

Cake\Core\Exception\Exception
When trying to set a key that is invalid.

configShallow() ¶ public

configShallow(string|array $key, mixed|null $value = null): $this

Merge provided config with existing config. Unlike config() which does a recursive merge for nested keys, this method does a simple merge.

Setting a specific value:

$this->config('key', $value);

Setting a nested value:

$this->config('some.nested.key', $value);

Updating multiple config settings at the same time:

$this->config(['one' => 'value', 'another' => 'value']);

Parameters

string|array $key: The key to set, or a complete array of configs.
mixed|null $value optional: The value to set.

Returns

$this

css() ¶ public

css(string|array $path, array $options = []): string

Creates a link element for CSS stylesheets.

Usage

Include one CSS file:

echo $this->Html->css('styles.css');

Include multiple CSS files:

echo $this->Html->css(['one.css', 'two.css']);

Add the stylesheet to view block "css":

$this->Html->css('styles.css', ['block' => true]);

Add the stylesheet to a custom block:

$this->Html->css('styles.css', ['block' => 'layoutCss']);

Options

block Set to true to append output to view block "css" or provide custom block name.
once Whether or not the css file should be checked for uniqueness. If true css files will only be included once, use false to allow the same css to be included more than once per request.
plugin False value will prevent parsing path as a plugin
rel Defaults to 'stylesheet'. If equal to 'import' the stylesheet will be imported.
fullBase If true the URL will get a full address for the css file.

Parameters

string|array $path: The name of a CSS style sheet or an array containing names of CSS stylesheets. If $path is prefixed with '/', the path will be relative to the webroot of your application. Otherwise, the path will be relative to your CSS path, usually webroot/css.
array $options optional: Array of options and HTML arguments.

Returns

string

Links

http://book.cakephp.org/3.0/en/views/helpers/html.html#linking-to-css-files

div() ¶ public

div(string $class = null, string $text = null, array $options = []): string

Returns a formatted DIV tag for HTML FORMs.

Options

escape Whether or not the contents should be html_entity escaped.

Parameters

string $class optional: CSS class name of the div element.
string $text optional: String content that will appear inside the div element. If null, only a start tag will be printed
array $options optional: Additional HTML attributes of the DIV tag

Returns

string

docType() ¶ public

docType(string $type = 'html5'): string|null

Returns a doctype string.

Possible doctypes:

html4-strict: HTML4 Strict.
- html4-trans: HTML4 Transitional.
- html4-frame: HTML4 Frameset.
- html5: HTML5. Default value.
- xhtml-strict: XHTML1 Strict.
- xhtml-trans: XHTML1 Transitional.
- xhtml-frame: XHTML1 Frameset.
- xhtml11: XHTML1.1.

Parameters

string $type optional: Doctype to use.

Returns

string|null

Links

http://book.cakephp.org/3.0/en/views/helpers/html.html#creating-doctype-tags

formatTemplate() ¶ public

formatTemplate(string $name, array $data): string

Format a template string with $data

Parameters

string $name: The template name.
array $data: The data to insert.

Returns

string

getCrumbList() ¶ public

getCrumbList(array $options = [], string|array|bool $startText = false): string|null

Returns breadcrumbs as a (x)html list

This method uses HtmlHelper::tag() to generate list and its elements. Works similar to HtmlHelper::getCrumbs(), so it uses options which every crumb was added with.

Options

separator Separator content to insert in between breadcrumbs, defaults to ''
firstClass Class for wrapper tag on the first breadcrumb, defaults to 'first'
lastClass Class for wrapper tag on current active page, defaults to 'last'

Parameters

array $options optional: Array of HTML attributes to apply to the generated list elements.
string|array|bool $startText optional: This will be the first crumb, if false it defaults to first crumb in array. Can also be an array, see HtmlHelper::getCrumbs for details.

Returns

string|null

Links

http://book.cakephp.org/3.0/en/views/helpers/html.html#creating-breadcrumb-trails-with-htmlhelper

getCrumbs() ¶ public

getCrumbs(string $separator = '&raquo;', string|array|bool $startText = false): string|null

Returns the breadcrumb trail as a sequence of »-separated links.

If $startText is an array, the accepted keys are:

text Define the text/content for the link.
url Define the target of the created link.

All other keys will be passed to HtmlHelper::link() as the $options parameter.

Parameters

string $separator optional: Text to separate crumbs.
string|array|bool $startText optional: This will be the first crumb, if false it defaults to first crumb in array. Can also be an array, see above for details.

Returns

string|null

Links

http://book.cakephp.org/3.0/en/views/helpers/html.html#creating-breadcrumb-trails-with-htmlhelper

image() ¶ public

image(string $path, array $options = []): string

Creates a formatted IMG element.

This method will set an empty alt attribute if one is not supplied.

Usage:

Create a regular image:

echo $this->Html->image('cake_icon.png', ['alt' => 'CakePHP']);

Create an image link:

echo $this->Html->image('cake_icon.png', ['alt' => 'CakePHP', 'url' => 'http://cakephp.org']);

Options:

url If provided an image link will be generated and the link will point at $options['url'].
fullBase If true the src attribute will get a full address for the image file.
plugin False value will prevent parsing path as a plugin

Parameters

string $path: Path to the image file, relative to the app/webroot/img/ directory.
array $options optional: Array of HTML attributes. See above for special options.

Returns

string

Links

http://book.cakephp.org/3.0/en/views/helpers/html.html#linking-to-images

implementedEvents() ¶ public

implementedEvents(): array

Event listeners.

By defining one of the callback methods a helper is assumed to be interested in the related event.

Override this method if you need to add non-conventional event listeners. Or if you want helpers to listen to non-standard events.

Returns

array

link() ¶ public

link(string $title, string|array|null $url = null, array $options = []): string

Creates an HTML link.

If $url starts with "http://" this is treated as an external link. Else, it is treated as a path to controller/action and parsed with the UrlHelper::url() method.

If the $url is empty, $title is used instead.

Options

escape Set to false to disable escaping of title and attributes.
escapeTitle Set to false to disable escaping of title. Takes precedence over value of escape)
confirm JavaScript confirmation message.

media() ¶ public

media(string|array $path, array $options = []): string

Returns an audio/video element

Usage

Using an audio file:

echo $this->Html->media('audio.mp3', ['fullBase' => true]);

Outputs:

<video src="http://www.somehost.com/files/audio.mp3">Fallback text</video>

Using a video file:

echo $this->Html->media('video.mp4', ['text' => 'Fallback text']);

Outputs:

<video src="/files/video.mp4">Fallback text</video>

Using multiple video files:

echo $this->Html->media(
     ['video.mp4', ['src' => 'video.ogv', 'type' => "video/ogg; codecs='theora, vorbis'"]],
     ['tag' => 'video', 'autoplay']
);

Outputs:

<video autoplay="autoplay">
     <source src="/files/video.mp4" type="video/mp4"/>
     <source src="/files/video.ogv" type="video/ogv; codecs='theora, vorbis'"/>
</video>

Options

tag Type of media element to generate, either "audio" or "video". If tag is not provided it's guessed based on file's mime type.
text Text to include inside the audio/video tag
pathPrefix Path prefix to use for relative URLs, defaults to 'files/'
fullBase If provided the src attribute will get a full address including domain name

Parameters

string|array $path: Path to the video file, relative to the webroot/{$options['pathPrefix']} directory. Or an array where each item itself can be a path string or an associate array containing keys src and type
array $options optional: Array of HTML attributes, and special options above.

Returns

string

meta() ¶ public

meta(string|array $type, string|array|null $content = null, array $options = []): string

Creates a link to an external resource and handles basic meta tags

Create a meta tag that is output inline:

`$this->Html->meta('icon', 'favicon.ico');

Append the meta tag to custom view block "meta":

$this->Html->meta('description', 'A great page', ['block' => true]);

Append the meta tag to custom view block:

$this->Html->meta('description', 'A great page', ['block' => 'metaTags']);

Create a custom meta tag:

$this->Html->meta(['property' => 'og:site_name', 'content' => 'CakePHP']);

Options

block - Set to true to append output to view block "meta" or provide custom block name.

Parameters

string|array $type: The title of the external resource
string|array|null $content optional: The address of the external resource or string for content attribute
array $options optional: Other attributes for the generated tag. If the type attribute is html, rss, atom, or icon, the mime-type is returned.

Returns

string

Links

http://book.cakephp.org/3.0/en/views/helpers/html.html#creating-meta-tags

nestedList() ¶ public

nestedList(array $list, array $options = [], array $itemOptions = []): string

Build a nested list (UL/OL) out of an associative array.

Options for $options:

tag - Type of list tag to use (ol/ul)

Options for $itemOptions:

even - Class to use for even rows.
odd - Class to use for odd rows.

Parameters

array $list: Set of elements to list
array $options optional: Options and additional HTML attributes of the list (ol/ul) tag.
array $itemOptions optional: Options and additional HTML attributes of the list item (LI) tag.

Returns

string

Links

http://book.cakephp.org/3.0/en/views/helpers/html.html#creating-nested-lists

para() ¶ public

para(string $class, string $text, array $options = []): string

Returns a formatted P tag.

Options

escape Whether or not the contents should be html_entity escaped.

Parameters

string $class: CSS class name of the p element.
string $text: String content that will appear inside the p element.
array $options optional: Additional HTML attributes of the P tag

Returns

string

script() ¶ public

script(string|array $url, array $options = []): mixed

Returns one or many <script> tags depending on the number of scripts given.

If the filename is prefixed with "/", the path will be relative to the base path of your application. Otherwise, the path will be relative to your JavaScript path, usually webroot/js.

Usage

Include one script file:

echo $this->Html->script('styles.js');

Include multiple script files:

echo $this->Html->script(['one.js', 'two.js']);

Add the script file to a custom block:

$this->Html->script('styles.js', ['block' => 'bodyScript']);

Options

block Set to true to append output to view block "script" or provide custom block name.
once Whether or not the script should be checked for uniqueness. If true scripts will only be included once, use false to allow the same script to be included more than once per request.
plugin False value will prevent parsing path as a plugin
fullBase If true the url will get a full address for the script file.

Parameters

string|array $url: String or array of javascript files to include
array $options optional: Array of options, and html attributes see above.

Returns

mixed

Links

http://book.cakephp.org/3.0/en/views/helpers/html.html#linking-to-javascript-files

scriptBlock() ¶ public

scriptBlock(string $script, array $options = []): mixed

Wrap $script in a script tag.

Options

safe (boolean) Whether or not the $script should be wrapped in <![CDATA[ ]]>
block Set to true to append output to view block "script" or provide custom block name.

Parameters

string $script: The script to wrap
array $options optional: The options to use. Options not listed above will be treated as HTML attributes.

Returns

mixed

Links

http://book.cakephp.org/3.0/en/views/helpers/html.html#creating-inline-javascript-blocks

scriptEnd() ¶ public

scriptEnd(): mixed

End a Buffered section of JavaScript capturing. Generates a script tag inline or appends to specified view block depending on the settings used when the scriptBlock was started

Returns

mixed

Links

http://book.cakephp.org/3.0/en/views/helpers/html.html#creating-javascript-blocks

scriptStart() ¶ public

scriptStart(array $options = []): void

Begin a script block that captures output until HtmlHelper::scriptEnd() is called. This capturing block will capture all output between the methods and create a scriptBlock from it.

Options

safe Whether the code block should contain a CDATA
block Set to true to append output to view block "script" or provide custom block name.

Parameters

array $options optional: Options for the code block.

Returns

void

Links

http://book.cakephp.org/3.0/en/views/helpers/html.html#creating-javascript-blocks

style() ¶ public

style(array $data, bool $oneLine = true): string

Builds CSS style data from an array of CSS properties

Usage:

echo $this->Html->style(['margin' => '10px', 'padding' => '10px'], true);

// creates
'margin:10px;padding:10px;'

Parameters

array $data: Style data array, keys will be used as property names, values as property values.
bool $oneLine optional: Whether or not the style block should be displayed on one line.

Returns

string

Links

http://book.cakephp.org/3.0/en/views/helpers/html.html#creating-css-programatically

tableCells() ¶ public

tableCells(array|string $data, array|bool|null $oddTrOptions = null, array|bool|null $evenTrOptions = null, bool $useCount = false, bool $continueOddEven = true): string

Returns a formatted string of table rows (TR's with TD's in them).

Parameters

array|string $data: Array of table data
array|bool|null $oddTrOptions optional: HTML options for odd TR elements if true useCount is used
array|bool|null $evenTrOptions optional: HTML options for even TR elements
bool $useCount optional: adds class "column-$i"
bool $continueOddEven optional: If false, will use a non-static $count variable, so that the odd/even count is reset to zero just for that call.

Returns

string

Links

http://book.cakephp.org/3.0/en/views/helpers/html.html#creating-table-cells

tableHeaders() ¶ public

tableHeaders(array $names, array|null $trOptions = null, array|null $thOptions = null): string

Returns a row of formatted and named TABLE headers.

Parameters

array $names: Array of tablenames. Each tablename also can be a key that points to an array with a set of attributes to its specific tag
array|null $trOptions optional: HTML options for TR elements.
array|null $thOptions optional: HTML options for TH elements.

Returns

string

Links

http://book.cakephp.org/3.0/en/views/helpers/html.html#creating-table-headings

tag() ¶ public

tag(string $name, string $text = null, array $options = []): string

Returns a formatted block tag, i.e DIV, SPAN, P.

Options

escape Whether or not the contents should be html_entity escaped.

Parameters

string $name: Tag name.
string $text optional: String content that will appear inside the div element. If null, only a start tag will be printed
array $options optional: Additional HTML attributes of the DIV tag, see above.

Returns

string

templater() ¶ public

templater(): Cake\View\StringTemplate

templater

Returns

Cake\View\StringTemplate

templates() ¶ public

templates(string|null|array $templates = null): $this|string|array

Get/set templates to use.

Parameters

string|null|array $templates optional: null or string allow reading templates. An array allows templates to be added.

Type

string

Namespaces

Class HtmlHelper

Property Summary

Method Summary

__call() public

__construct() public

__debugInfo() public

__get() public

_configDelete() protected

_configRead() protected

_configWrite() protected

_confirm() protected

_nestedListItem() protected

_prepareCrumbs() protected

addClass() public

addCrumb() public

charset() public

config() public

Usage

configShallow() public

css() public

div() public

docType() public

formatTemplate() public

getCrumbList() public

getCrumbs() public

image() public

implementedEvents() public

link() public

media() public

meta() public

nestedList() public

para() public

script() public

scriptBlock() public

scriptEnd() public

scriptStart() public

style() public

tableCells() public

tableHeaders() public

tag() public

templater() public

templates() public

Method Detail

__call() ¶ public

Parameters

Returns

__construct() ¶ public

Settings

Customizing tag sets

Parameters

__debugInfo() ¶ public

Returns

__get() ¶ public

Parameters

Returns

_configDelete() ¶ protected

Parameters

Returns

Throws

_configRead() ¶ protected

Parameters

Returns

_configWrite() ¶ protected

Parameters

Returns

Throws

_confirm() ¶ protected

Parameters

Returns

_nestedListItem() ¶ protected

Parameters

Returns

See Also

_prepareCrumbs() ¶ protected

Parameters

Returns

addClass() ¶ public

Parameters

Returns