All-in-One
HTML Helpers
👨🏻💻
@Wanya
</>
Table Generator
TOC Generator
Live Preview
Shopify Cleaner
CTA Copy
Table
Copy Table Start
Copy the opening wrapper and table tags
Basic Settings
Table Caption (Header)
Column（Left ➡ Right）
+ Add Column
:D
Image
Row
Height（px）
Rows
+ Add Row
Generate / Preview
Copy Code
Preview
Code
Preview shown by default after generating. Switch to Code to view or copy the source.
Generate the Contents
Enter the Article HTML
Paste the entire HTML (including <h2>)
TOC Settings
TOC Title (Contents by default)
ID prefix（part by default）
Automatically inserts the TOC before the first <h2> and adds an id to each <h2>.
Generate / Preview
Copy Code
Preview
Code
Preview shown by default after generating. Switch to Code to view or copy the source.
Code
Auto-run
Click→Jump
Run ▶︎
Copy
Clear
Preview
Ready
Clean Lark HTML
Input
Example
Outer div name
Paste HTML here
保留字体链接为 @import
Optimize font size
h1 to h2
div to p
Simplify CSS
Generate
Empty
输出 Shopify 代码
复制结果
下载 HTML
预览
0
style 块
0
script 已删除
0
事件属性已删
0
CSS 片段
本地预览
Product Button
Click the button to copy the code
Product Card
Click the button to copy the code
Product Showcase
Click the button to copy the code
Sticky CTA
Click the button to copy the code
Blog Banner
Click the button to copy the code