Application "mermaid"

Metadata In this context… What links here? [edit] Keywords/Contexts Graph · mermaid  Domain Terms Annotations {{#compound_query:Component 331455Property "-Has subobject" has a restricted application area and cannot be used as annotation property by a user.UseCaseMotivation;?HasDirection;?IsMotivating;?IsMotivatedBy;?HasReasoning Property "-Has subobject" has a restricted application area and cannot be used as annotation property by a user.Application "mermaid";?HasDirection;?IsMotivating;?IsMotivatedBy;?HasReasoning Property "-Has subobject" has a restricted application area and cannot be used as annotation property by a user.Application "mermaid";?HasDirection;?IsMotivating;?IsMotivatedBy;?HasReasoning name=MotivationsDeclaredOnThisPageResultItem|link=none}} Motivations [edit] [edit] Interface "Use Cases" ‎ (← links) Template:List Floating Properties Table Row ‎ (← links) Graph ‎ (← links) Mermaid ‎ (← links) Application ‎ (← links) Template:BlueSpice Permissions Table Row 2 ‎ (← links) Property:HasEntityKeyword ‎ (← links) Community:Use Cases ‎ (← links) Property:HasType ‎ (← links) Property:HasTypeAndTitle ‎ (← links) Category:Property ‎ (← links) Property:HasTitle ‎ (← links)

Content

About

mermaid offers generation of diagrams and flowcharts from text in a similar manner as markdown.

• GitHub repository
• Documentation

Use Case "Add HTML tag attributes when using 'htmlLabels:true'"

$mermaidHTMLLabel = '"
<mermaid>
  <table>
    <tr><td>&lt;span class=\'merPredicateTitle\'&gt;&lt;a href=\''.$propertyLink.'\'&gt;'.$triple->predicate.'&lt;/a&gt;</span></td></tr>
  </table>
</mermaid>"';

Using HTML entities allows you to add attributes to HTML tags within mermaid markup. However, it doesn't seem to work with table tags. That's why I enclose the table tag within a <mermaid> tag. That allows me to style the table from MediaWiki:Common.css:

mermaid table tr { line-height: 8px; }
mermaid table { background-color:#eeeeee; border-radius:5px; }