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
m
 
(3 intermediate revisions by one user not shown)
Line 4: Line 4:
 
* [[Macro Guide]] contains some advanced tips on how to use or style html for things that appear in the {{Text Chat}}-tab.
 
* [[Macro Guide]] contains some advanced tips on how to use or style html for things that appear in the {{Text Chat}}-tab.
 
* [[CS|Character sheets]] are built with HTML & CSS, and [[Building Character Sheets]]({{Pro}} feature)  has info on how edit & make your own.
 
* [[CS|Character sheets]] are built with HTML & CSS, and [[Building Character Sheets]]({{Pro}} feature)  has info on how edit & make your own.
 +
** [[Character Sheet Development/HTML]]
 
** [[Building_Character_Sheets/Roll_Templates|Roll Templates]] are built into character sheets, and can also be edited.
 
** [[Building_Character_Sheets/Roll_Templates|Roll Templates]] are built into character sheets, and can also be edited.
 
* [[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}}
 
+
{{: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.
+
 
+
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><nowiki>[</nowiki></code>  || <code>&amp;lbrack;</code> , <code>&amp;#91;</code>
+
|-
+
| <code><nowiki>]</nowiki></code>  || <code>&amp;rbrack;</code> , <code>&amp;#93;</code>
+
|-
+
| <code>_</code> || <code>&amp;#95;</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>

Latest revision as of 08:55, 23 September 2023

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

[edit] 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;)