Python的HTML模板生成器。
wbuilder的Python项目详细描述
wBuilder
wBuilder
(c) 2020 Rodney Maniego Jr.
MIT License
Python的HTML模板生成器。在
阅读:Introducing wBuilder: An HTML5 Generator for Python
要求:
- 英国标准4
转到examples/*.py
了解基本用法。
返回值为字符串,可以保存到文件中。在
未来功能
- 基本JQuery生成器
WebBuilder用法
Import
^{pr2}$Initialize
html=WebBuilder()
基本用法
html.at("body").button().text("OK").done()
HTML头
html.at("head").title().text("WebBuilder").done()html.at("head").meta().charset("UTF-8").done()html.at("head").meta().name("viewport").content("width=device-width, initial-scale=1, shrink-to-fit=no").done()html.at("head").link().rel("icon").href("icon.png").Type("image/png").sizes("96x96").done(static=True)html.at("head").link().rel("stylesheet").href("reset.css").done(static=True)html.at("head").link().rel("stylesheet").href("design.css").done()
CSS选择器
html.at("body").div("prompt-msg","popup").done()html.at("#prompt-msg").div(Class="header").text("Welcome!").done()html.at("#prompt-msg").div(Class="message").text("Lorem ipsum...").done()# CSS as a stringhtml.css(".header","font-size: 14px; font-weight: bold;")# CSS as a dictionarydesign={"font-size":"12px","color":"#222","background-color":"#f0f0f0"}html.css(".message",design)html.css(".message",{"font-size":"12px","color":"#222","background-color":"#f0f0f0"})
CSS字体
html.font("funfont","funfont.ttf")html.at("body").div(Class="fun").text("Fun message...").done()html.css(".fun","font-family: funfont;")
Preview HTML
print(html.build())
保存到文件
# defaultshtml.save_to_html()html.save_stylesheet()# custom filepathshtml.save_to_html("templates","home.html")html.save_stylesheet("static","custom.css")
Css类
Initialize
fromwbuilder.wbuilderimportCssprint("\n# Initialize...")css=Css(sort=True)
显示所有选择器
print("\n# Bulk add dfrom string...")css.add_from_string(".box","width: 200px; height: 100px")
显示所有选择器
print("\n# Bulk add dictionary...")css.add(".btn",{"font-size":"16px","background-color":"#f0f0f0","color":"#c0c0c0"})
显示所有选择器
print("\n# Add by property...")css.update("body","font-size","12px")css.update(".nav","position","fixed")css.update(".nav","font-size","14px")
显示所有选择器
print("\n# Show all selectors...")print(css.build())
保存到文件
print("\n# Save to file...")css.save("static","design.css")
删除选择器数据
print("\n# Remove selector data..")css.remove(".nav")print(css.build())
- 项目
标签: