plugin:a2s
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
plugin:a2s [2017-07-30 18:55] – Aleksandr | plugin:a2s [2023-04-10 17:21] (current) – compatible with jack jackrum (tested) schplurtz | ||
---|---|---|---|
Line 1: | Line 1: | ||
- | ====== | + | ====== |
---- plugin ---- | ---- plugin ---- | ||
- | description: | + | description: |
author | author | ||
email : Schplurtz@laposte.net | email : Schplurtz@laposte.net | ||
type : syntax | type : syntax | ||
- | lastupdate : 2017-07-28 | + | lastupdate : 2022-06-21 |
- | compatible : elenor of tsort, detritus, frusterick manners | + | compatible : elenor of tsort, detritus, frusterick manners, greebo, hogfather, igor, jack jackrum |
depends | depends | ||
conflicts | conflicts | ||
similar | similar | ||
- | tags : ASCII, SVG | + | tags : ASCII, SVG, image, images, media, diagram |
downloadurl: | downloadurl: | ||
bugtracker : https:// | bugtracker : https:// | ||
Line 20: | Line 20: | ||
---- | ---- | ||
- | a2s is a little plugin that turns ASCII art boxes, lines and arrows into nice SVG images. It is based on [[https:// | + | a2s is a little plugin that turns ASCII art boxes, lines and arrows into nice SVG images. It is based on [[https:// |
+ | ----------- | ||
+ | |||
+ | june 2022: a2s works well with DW igor RC2 and php 8.1. But exports to odt with the [[plugin: | ||
===== Installation ===== | ===== Installation ===== | ||
- | Install | + | Search and install |
===== Examples/ | ===== Examples/ | ||
Line 58: | Line 61: | ||
| | ||
' | ' | ||
- | [0]: {" | + | [0]: {" |
</ | </ | ||
</ | </ | ||
Line 76: | Line 79: | ||
* '' | * '' | ||
* closed shape can be styled. | * closed shape can be styled. | ||
- | - Identify the form : In the **top left** angle of the form, put some text between square bracket. example '' | + | - Identify the shape : In the **top left** angle of the shape, put some text between square bracket. example '' |
- | - **At the bottom** of the drawing, for each identified | + | - **At the bottom** of the drawing, for each identified |
- | ==== Styling shapes ==== | + | ==== Styling shapes |
Colors are expressed either | Colors are expressed either | ||
Line 103: | Line 106: | ||
" | " | ||
</ | </ | ||
- | * shape : ''" | + | * shape : ''" |
- | “a2s:type”:“storage” | + | "a2s:type":"storage" |
+ | </ | ||
+ | * link : ''" | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
</ | </ | ||
* identifier removal. By default the id is left in the image. This is useful when you have enough room to use a meaningful word as id. However, it is possible to remove it using this code < | * identifier removal. By default the id is left in the image. This is useful when you have enough room to use a meaningful word as id. However, it is possible to remove it using this code < | ||
here is a full example example : | here is a full example example : | ||
- | < | + | < |
==== Alignment ==== | ==== Alignment ==== | ||
Line 248: | Line 259: | ||
{{http:// | {{http:// | ||
< | < | ||
- | <a2s | + | <a2s> |
.---------------------------. | .---------------------------. | ||
|[storage] | |[storage] | ||
Line 277: | Line 288: | ||
</ | </ | ||
</ | </ | ||
- | |||
===== Configuration and Settings ===== | ===== Configuration and Settings ===== | ||
Line 294: | Line 304: | ||
:?: When I export to pdf with [[dw2pdf]], the arrowheads on line are not drawn, and alignment is not respected. Can you/I do something about that ?\\ | :?: When I export to pdf with [[dw2pdf]], the arrowheads on line are not drawn, and alignment is not respected. Can you/I do something about that ?\\ | ||
- | :!: NO. As of 2017/07/27, unless you are the a developer of dw2pdf or mpdf, its PDF library, there is nothing to do. Sorry. | + | :!: No. As of 2017/07/27, unless you are the a developer of dw2pdf or mpdf, its PDF library, there is nothing to do. Sorry. |
+ | :?: Is it possible to alter the line color using css or a configuration value? under the bootstrap / bootswatch / cyborg theme which is dark the lines are black on a black background. | ||
+ | For now I've just worked around it using the following in a less css file to alter the background color | ||
+ | < | ||
+ | & | ||
+ | svg.a2s { | ||
+ | background-color:# | ||
+ | } | ||
+ | } | ||
+ | </ |
plugin/a2s.1501433732.txt.gz · Last modified: 2017-07-30 18:55 by Aleksandr