doctrine/archived-sql-formatter
1
0
Fork 0
mirror of https://github.com/doctrine/sql-formatter.git synced 2026-03-23 22:42:14 +01:00
Code Issues Packages Projects Releases Wiki Activity

get css styled HTML output with svg

Browse Source
This commit is contained in:
sasezaki
2021-07-04 13:48:26 +09:00
parent 7c3fab54ae
commit b26a432c79
3 changed files with 38 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
README.md
View File

@@ -44,27 +44,7 @@ echo (new SqlFormatter())->format($query);
Output:
<pre style="color: black; background-color: white;"><span style="font-weight:bold;">SELECT</span>
<span style="font-weight:bold;">count</span>(<span >*</span>)<span >,</span>
<span style="color: purple;">`Column1`</span><span >,</span>
<span style="color: purple;">`Testing`</span><span >,</span>
<span style="color: purple;">`Testing Three`</span>
<span style="font-weight:bold;">FROM</span>
<span style="color: purple;">`Table1`</span>
<span style="font-weight:bold;">WHERE</span>
<span style="color: #333;">Column1</span> <span >=</span> <span style="color: blue;">'testing'</span>
<span style="font-weight:bold;">AND</span> (
(
<span style="color: purple;">`Column2`</span> <span >=</span> <span style="color: purple;">`Column3`</span>
<span style="font-weight:bold;">OR</span> <span style="color: #333;">Column4</span> <span >&gt;</span><span >=</span> <span style="font-weight:bold;">NOW()</span>
)
)
<span style="font-weight:bold;">GROUP BY</span>
<span style="color: #333;">Column1</span>
<span style="font-weight:bold;">ORDER BY</span>
<span style="color: #333;">Column3</span> <span style="font-weight:bold;">DESC</span>
<span style="font-weight:bold;">LIMIT</span>
<span style="color: green;">5</span><span >,</span> <span style="color: green;">10</span></pre>
<img src="examples/readme_format_html.svg" width="600" height="450" alt="formatted output with HTML Highlight">
When you run php under cli and instantiated `SqlFormatter` without argument, highlighted with `CliHighlighter`.
@@ -128,9 +108,7 @@ echo (new SqlFormatter())->highlight($query);
Output:
<pre style="color: black; background-color: white;"><span style="font-weight:bold;">SELECT</span> <span style="font-weight:bold;">count</span>(<span >*</span>)<span >,</span><span style="color: purple;">`Column1`</span><span >,</span><span style="color: purple;">`Testing`</span><span >,</span> <span style="color: purple;">`Testing Three`</span> <span style="font-weight:bold;">FROM</span> <span style="color: purple;">`Table1`</span>
<span style="font-weight:bold;">WHERE</span> <span style="color: #333;">Column1</span> <span >=</span> <span style="color: blue;">'testing'</span> <span style="font-weight:bold;">AND</span> ( (<span style="color: purple;">`Column2`</span> <span >=</span> <span style="color: purple;">`Column3`</span> <span style="font-weight:bold;">OR</span> <span style="color: #333;">Column4</span> <span >&gt;</span><span >=</span> <span style="font-weight:bold;">NOW()</span>) )
<span style="font-weight:bold;">GROUP BY</span> <span style="color: #333;">Column1</span> <span style="font-weight:bold;">ORDER BY</span> <span style="color: #333;">Column3</span> <span style="font-weight:bold;">DESC</span> <span style="font-weight:bold;">LIMIT</span> <span style="color: green;">5</span><span >,</span><span style="color: green;">10</span></pre>
<img src="examples/readme_highlight_html.svg" width="800" height="150" alt="HTML Highlight output">
### Compress Query

27
examples/readme_format_html.svg Normal file
View File

@@ -0,0 +1,27 @@
<svg fill="none" viewBox="0 0 600 450" width="600" height="450" xmlns="http://www.w3.org/2000/svg">
<foreignObject width="100%" height="100%">
<div xmlns="http://www.w3.org/1999/xhtml">
<pre style="color: black; background-color: white;"><span style="font-weight:bold;">SELECT</span>
<span style="font-weight:bold;">count</span>(<span >*</span>)<span >,</span>
<span style="color: purple;">`Column1`</span><span >,</span>
<span style="color: purple;">`Testing`</span><span >,</span>
<span style="color: purple;">`Testing Three`</span>
<span style="font-weight:bold;">FROM</span>
<span style="color: purple;">`Table1`</span>
<span style="font-weight:bold;">WHERE</span>
<span style="color: #333;">Column1</span> <span >=</span> <span style="color: blue;">'testing'</span>
<span style="font-weight:bold;">AND</span> (
(
<span style="color: purple;">`Column2`</span> <span >=</span> <span style="color: purple;">`Column3`</span>
<span style="font-weight:bold;">OR</span> <span style="color: #333;">Column4</span> <span >&gt;</span><span >=</span> <span style="font-weight:bold;">NOW()</span>
)
)
<span style="font-weight:bold;">GROUP BY</span>
<span style="color: #333;">Column1</span>
<span style="font-weight:bold;">ORDER BY</span>
<span style="color: #333;">Column3</span> <span style="font-weight:bold;">DESC</span>
<span style="font-weight:bold;">LIMIT</span>
<span style="color: green;">5</span><span >,</span> <span style="color: green;">10</span></pre>
</div>
</foreignObject>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

9
examples/readme_highlight_html.svg Normal file
View File

@@ -0,0 +1,9 @@
<svg fill="none" viewBox="0 0 800 150" width="800" height="150" xmlns="http://www.w3.org/2000/svg">
<foreignObject width="100%" height="100%">
<div xmlns="http://www.w3.org/1999/xhtml">
<pre style="color: black; background-color: white;"><span style="font-weight:bold;">SELECT</span> <span style="font-weight:bold;">count</span>(<span >*</span>)<span >,</span><span style="color: purple;">`Column1`</span><span >,</span><span style="color: purple;">`Testing`</span><span >,</span> <span style="color: purple;">`Testing Three`</span> <span style="font-weight:bold;">FROM</span> <span style="color: purple;">`Table1`</span>
<span style="font-weight:bold;">WHERE</span> <span style="color: #333;">Column1</span> <span >=</span> <span style="color: blue;">'testing'</span> <span style="font-weight:bold;">AND</span> ( (<span style="color: purple;">`Column2`</span> <span >=</span> <span style="color: purple;">`Column3`</span> <span style="font-weight:bold;">OR</span> <span style="color: #333;">Column4</span> <span >&gt;</span><span >=</span> <span style="font-weight:bold;">NOW()</span>) )
<span style="font-weight:bold;">GROUP BY</span> <span style="color: #333;">Column1</span> <span style="font-weight:bold;">ORDER BY</span> <span style="color: #333;">Column3</span> <span style="font-weight:bold;">DESC</span> <span style="font-weight:bold;">LIMIT</span> <span style="color: green;">5</span><span >,</span><span style="color: green;">10</span></pre>
</div>
</foreignObject>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB