TiddlyWiki5/editions/tw5.com/tiddlers/wikitext/HTML in WikiText.tid

created: 20131205160816081
modified: 20141018181414011
tags: WikiText
title: HTML in WikiText
type: text/vnd.tiddlywiki
caption: HTML

HTML tags and comments can be used directly in WikiText. For example:

```
<article class="hello">
This is my nice and simple block of text. HelloThere
<!-- This comment will not appear in the wikified output -->
</article>
```

! Content Parsing

The content of an HTML element will be parsed in inline mode unless the opening tag is followed by two linebreaks, in which case it is parsed in block mode. (Inline mode means that block mode formatting such as tables, lists and headings is not recognised).

! Attributes

Attributes in HTML tags can be specified as a literal, a transclusion or a macro invocation. For example, here the value of the `href` attribute will be set to the value of the tiddler MyLinkDestination:

```
<a href={{MyLinkDestination}}>link</a>
```

Here an attribute is specified as a macro invocation:

```
<a href=<<MyMacro "Brian">>>link</a>
```

Literal attribute values can include line breaks. For example:

```
<div data-address="Mouse House,
Mouse Lane,
Rodentville,
Ratland."/>
```

By using triple-double quotes you can specify attribute values that include single double quotes. For example:

```
<div data-address="""Mouse House,
"Mouse" Lane,
Rodentville,
Ratland."""/>
```
Big docs update Finally sorting out the wikitext documentation 2013-12-05 16:21:10 +00:00			`created: 20131205160816081`
Docs tweaks 2014-10-18 18:15:04 +00:00			`modified: 20141018181414011`
Update wikitext documentation 2014-09-11 08:15:58 +00:00			`tags: WikiText`
Big docs update Finally sorting out the wikitext documentation 2013-12-05 16:21:10 +00:00			`title: HTML in WikiText`
			`type: text/vnd.tiddlywiki`
Update wikitext documentation 2014-09-11 08:15:58 +00:00			`caption: HTML`
Big docs update Finally sorting out the wikitext documentation 2013-12-05 16:21:10 +00:00
			`HTML tags and comments can be used directly in WikiText. For example:`

			```
			`<article class="hello">`
			`This is my nice and simple block of text. HelloThere`
			`<!-- This comment will not appear in the wikified output -->`
			`</article>`
			```

Docs tweaks 2014-10-18 18:15:04 +00:00			`! Content Parsing`

			`The content of an HTML element will be parsed in inline mode unless the opening tag is followed by two linebreaks, in which case it is parsed in block mode. (Inline mode means that block mode formatting such as tables, lists and headings is not recognised).`

Use double linebreaks to indicate content of a widget or html element should be parsed in block mode Fixes #82. The old behaviour was to parse the content of a widget or html element in block mode if the opening tag was followed by a line break. The new behaviour requires two line breaks. This makes it possible to include linebreaks more liberally within wikitext, although care must still be taken to only use double line breaks when the block mode behaviour is desired. The code change here is very simple, just a single line change in html.js. Most of the other changes are to convert various single line breaks into double line breaks. 2014-02-20 21:42:31 +00:00			`! Attributes`

Docs tweaks 2014-10-18 18:15:04 +00:00			Attributes in HTML tags can be specified as a literal, a transclusion or a macro invocation. For example, here the value of the `href` attribute will be set to the value of the tiddler MyLinkDestination:
Big docs update Finally sorting out the wikitext documentation 2013-12-05 16:21:10 +00:00
			```
			`<a href={{MyLinkDestination}}>link</a>`
			```

			`Here an attribute is specified as a macro invocation:`

			```
			`<a href=<<MyMacro "Brian">>>link</a>`
			```
Use double linebreaks to indicate content of a widget or html element should be parsed in block mode Fixes #82. The old behaviour was to parse the content of a widget or html element in block mode if the opening tag was followed by a line break. The new behaviour requires two line breaks. This makes it possible to include linebreaks more liberally within wikitext, although care must still be taken to only use double line breaks when the block mode behaviour is desired. The code change here is very simple, just a single line change in html.js. Most of the other changes are to convert various single line breaks into double line breaks. 2014-02-20 21:42:31 +00:00
Docs update 2014-06-19 11:37:54 +00:00			`Literal attribute values can include line breaks. For example:`

			```
			`<div data-address="Mouse House,`
			`Mouse Lane,`
			`Rodentville,`
			`Ratland."/>`
			```

			`By using triple-double quotes you can specify attribute values that include single double quotes. For example:`

			```
			`<div data-address="""Mouse House,`
			`"Mouse" Lane,`
			`Rodentville,`
			`Ratland."""/>`
			```