Character Vault
Any Concept / Any System
Compendium
Your System Come To Life
Roll20 for Android
Streamlined for your Tablet
Roll20 for iPad
Streamlined for your Tablet

Personal tools

Difference between revisions of "HTML"

From Roll20 Wiki

Jump to: navigation, search
m (HTML replacement: add (, ))
m (move HTML Entities to own page, transclude the content back)
Line 7: Line 7:
 
* [[Browser#Stylus]] have info on how you can change how Roll20 looks for you.
 
* [[Browser#Stylus]] have info on how you can change how Roll20 looks for you.
 
* You can use HTML when [[Help:Contents|editing the Roll20 wiki]]
 
* You can use HTML when [[Help:Contents|editing the Roll20 wiki]]
===HTML replacement===
+
===HTML Entities===
{{main|Macro Guide}}
+
{{main|HTML Entities}}
  
When creating some complicated [[macros]], usually involving [[#Nesting|nesting]], you will need to use [https://www.w3schools.com/html/html_entities.asp HTML entities] in parts of the code to trick the Roll20 system to make it behave like you want, or some advanced tricks won't work.
+
{{:HTML Entities}}
 
+
Here are some HTML Entities that might be useful in advanced Roll20 macros(see [https://www.freeformatter.com/html-entities.html List of HMTL Entities] for full list):
+
<div style="float:right">{{notebox| '''<code>&#124;</code>''', '''<code>&#125;</code>''', and '''<code>,</code>''' are the most common character that need to be replaced in nested macros.}}</div>
+
::{| class="wikitable"
+
|-
+
! Character || Replacement
+
|-
+
| <code>&#124;</code> (pipe) || <code>&amp;#124;</code>
+
|-
+
| <code>,</code>|| <code>&amp;#44;</code>
+
|-
+
| <code>&#123;</code>|| <code>&amp;#123;</code>, <code>&amp;lbrace;</code>
+
|-
+
| <code>&#125;</code>|| <code>&amp;#125;</code>, <code>&amp;rbrace;</code>
+
|-
+
| <code>&</code> || <code>&amp;amp;</code>
+
|-
+
| <code>space</code> || <code>&amp;nbsp;</code>
+
|-
+
| <code>=</code> || <code>&amp;#61;</code>
+
|-
+
| <code>_</code> || <code>&amp;#95;</code>
+
|-
+
| <code><nowiki>(</nowiki></code> || <code>&amp;#40;</code>
+
|-
+
| <code><nowiki>)</nowiki></code> || <code>&amp;#41;</code>
+
|-
+
| <code><nowiki>[</nowiki></code>  || <code>&amp;lbrack;</code> , <code>&amp;#91;</code>
+
|-
+
| <code><nowiki>]</nowiki></code>  || <code>&amp;rbrack;</code> , <code>&amp;#93;</code>
+
|-
+
| <code><nowiki><</nowiki></code> || <code>&amp;lt;</code>, <code>&amp;#60;</code>
+
|-
+
| <code><nowiki>></nowiki></code> || <code>&amp;rt;</code>, <code>&amp;#62;</code>
+
 
+
|}
+
 
<br>
 
<br>

Revision as of 14:14, 19 October 2021

In Roll20, HTML Wikipedia-Black-W.png can be edited and used in a few couple of ways:

HTML Entities

Main Page: HTML Entities


When creating some complicated macros, usually involving nesting, you will need to use HTML entities in parts of the code to trick the Roll20 system to make it behave like you want, or some advanced tricks won't work.

Here are some HTML Entities/Escape Characters that are commonly useful to escape when creating advanced Roll20 macros. See HTML Entities or special character for more:

Character Replacement
| (pipe) &#124;, (&vert;)
, &#44;, (&comma;)
{ &#123;, (&lbrace;)
} &#125;, (&rbrace;)
& &#38;, (&amp;)
space &#160;, (&nbsp;)
= &#61;, (&equals;)
_ &#95;, (&lowbar;)
( &#40;, (&lpar;)
) &#41;, (&rpar;)
[ &#91;, (&lbrack;)
] &#93;, (&rbrack;)
< &#60;, (&lt;)
> &#62;, (&gt;)
`(backtick, grave accent) &#96;, (&grave;)
*(asterisk) &#42;, (&ast;)
! &#33;, (&excl;)
"(doublequote) &#34;, (&quot;)
# &#35;, (&num;)
-(hyphen) &#45;, (&dash;)
@ &#64;, (&commat;)
% &#37;, (&percnt;)