将Vuetify排版类添加到各种标记中
PythonVuetifyMarkdown的Python项目详细描述
Python Vuetify降价
这是为那些结合了Python、Markdown、Vue和Vuetify的人创建的Python-Markdown扩展。我已经在多个项目中使用了这种组合,最后遇到了处理降价代码并使用Vuetify保持其样式的需求。我决定用一个简单的扩展来完成这项繁重的工作,而不是用McGuyver的一些解决方案。在
代码非常简单,可以根据需要进行修改或扩展。在
安装
pip install PythonVuetifyMarkdown
使用
下面是一个在Django项目中使用的快速示例。我们有一个用于定制页面的页面模型,以及一个返回通过Markdown解析的内容的函数。在
fromdjango.dbimportmodelsfromdjango.utils.htmlimportmark_safeimportmarkdownfrompython_vuetify_markdownimportPythonVuetifyMarkdownclassPage(models.Model):title=models.CharField(max_length=200)body=models.TextField()defget_body_as_markdown(self):returnmark_safe(markdown.markdown(self.body,extensions=[PythonVuetifyMarkdown()]))
这样,您就可以创建一个页面对象,当显示正文时,您可以使用Page.get_body_as_markdown()
来传递降价格式的代码。在
特点
目前,这个扩展修改H1到H6标签和p标签。样式可以在Vuetify Typography page上找到。在
- <;h1>;→<;h1^{cl1}$
- <;h2>;→<;h2^{cl2}$
- <;h3>;→<;h3^{cl3}$
- <;h4>;→<;h4^{cl4}$
- <;h5>;→<;h5^{cl5}$
- <;h6>;→<;h6^{cl6}$
- <;p>;→<;p^{cl7}$
支持
没有。这是一个小的附带项目,大约30分钟的研究和工作投入其中。祝你好运。在
- 项目
标签: