行Python代码开发在线markdown编辑器.docxVIP

60行Python代码开发在线markdown编辑器 在Dash中所集成的一些常用基础性静态部件，其实就是对一些常见html元素的迁移，对应着dash_html_components中封装的众多类，这里我们只引见部分比较常用的： 2.1.1 与文字格式相关的常用部件 首先我们来引见Dash众多基础静态部件中，与组织页面或文字格式相关的一些： 「H1()到H6()」 在dash_html_components中，H1()到H6()分别对应着1级到6级标题。 「Br()与Hr()」 dash_html_components中的Br()表示换行，而Hr()则表示水平分割线，这在我们规划元素时经常使用到。 「P()」 P()用于表示一段文字或内容，典型如我们在博客中看到的每一段落内容都是由P()标签所组织的，协作css中的text-indent属性可以用来设置首行缩进。 「A()」 A()用于表示一个可点击的链接，其参数href用于填入对应跳转的地址，也可以协作id，实现点击重新定位到页面内的其它元素，其target参数用于设置跳转方式，譬如target=_blank会在新标签页跳转打开，具体内容可参考（/tags/att_a_target.asp）。 「I()、Code()、U()、Mark()」 I()次要用于在段落中将包裹的文字内容变为斜体，Code()用于在一段文字中表示代码片段，U()用于给所包含内容添加下划线，Mark()则用于高亮标注文字。 以上所引见的这些静态部件可以通过下面的小例子直观的感受一下： ? app2.py ? import?dashimport?dash_html_components?as?htmlimport?dash_bootstrap_components?as?dbcapp?=?dash.Dash(__name__)app.layout?=?html.Div(????dbc.Container(????????[????????????html.H1(一级标题,?id=demo1),????????????html.H2(二级标题),????????????html.H3(三级标题),????????????html.H4(四级标题),????????????html.H5(五级标题),????????????html.H6(六级标题),????????????html.Br(),?#?换行????????????html.Hr(),?#?水平分割线????????????html.P(这是一段文字。*20),????????????html.P(这是另一段带有首行缩进的文字。*10,?style={text-indent:?3rem}),????????????html.A(跳转到费弗里的Github仓库,???????????????????target=_blank,???????????????????href=/CNFeffery/DataScienceStudyNotes),?#?跳转到外部链接????????????html.Br(),????????????html.A(跳转到六级标题,?href=#demo2),????????????html.P(????????????????[????????????????????一段文字中消灭了,????????????????????html.I(斜体),????????????????????，以及代码片段,????????????????????html.Code(import?dash),????????????????????，还有一段,????????????????????html.U(带下划线的文字),????????????????????，一段,????????????????????html.Mark(高亮标注文字),????????????????????，以及另一段,????????????????????html.Mark(不同颜色的高亮标注文字。,?style={background-color:?lightblue})?????????????????]????????????)????????]?+?[html.Br()]?*?50?+?[html.A(回到顶端一级标题,?href=#demo1),????????????????????????????????html.H1(页内元素跳转示例标题,?id=demo2)]????))if?__name__?==?__main__:????app.run_serve