首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Django搭建博客(九):为博客添加代码高亮显示和 md文档支持

    三、解析思路 先用正则将代码块从文档中提取出来,再用 pygments对代码进行上色,并生成 html标签。...再将生成的 html标签插入到原来代码的位置,然后再用 markdown将处理之后的文档整个解析为 html文档即可。...2、如何显示行号 pygments是可以自动生成带行号的 html标签的(只需要将 lineno设置为 True 即可)。...但是我发现 pygments生成的 html标签其实是一个 1行 2列的表格,一列用来显示行号,一列用来显示代码。...五、使用方法 我将代码封装成了一个函数,这个函数接受一个 markdown文档的字符串,返回 html字符串。 返回的字符串可以直接插入 html页面中(Django中记得使用 safe过滤器)。

    1.3K30

    前端面试题-每日练习(1)

    html 语义化让页面的内容结构化,结构更清晰,便于对浏览器、搜索引擎解析;即使在没有样式 CSS 情况下也以一种文档格式显示,并且是容易阅读的; 搜索引擎的爬虫也依赖于 HTML 标记来确定上下文和各个关键字的权重...alt 是给搜索引擎识别,在图像无法显示时的替代文本; title 是关于元素的注释信息,主要是给用户解读。当鼠标放到文字或是图片上时有 title 文字显示。...它的基本用法如下: iframe src="https://example.com" width="600" height="400">iframe> 在这个例子中,src 属性用于指定要嵌入的页面的...嵌入的文档在其自己的窗口或框架内运行,与主文档相互独立,从而实现了代码隔离。 样式隔离:iframe 内的 HTML 文档拥有自己的样式表,与主文档的样式相互独立。...即使内容为空,加载也需要时间 没有语意 4. href 与 src的区别 href (Hypertext Reference)指定网络资源的位置,从而在当前元素或者当前文档和由当前属性定义的需要的锚点或资源之间定义一个链接或者关系

    15220

    IT课程 HTML基础 014_多媒体和嵌入内容

    标签是自闭合的空标签,也就是说它没有结束标签。图片的地址通过 标签的 src(source)属性指定。...object 和 embed 元素的具体区别: 属性 object embed 参数 使用 元素 使用 type 属性 资源类型 任何类型 特定类型 插件 需要 不需要 功能 丰富 基本...框架 iframe> 元素是 HTML 中用于在一个文档中嵌套另一个文档的标签。它允许将一个文档嵌套到另一个文档中,并在其中显示被嵌套文档的内容。这通常用于嵌入其他网页、嵌入视频、地图等内容。...iframe> 元素具有以下属性: src 属性定义要嵌入的网页或文档的 URL。 width 属性定义 iframe> 元素的宽度。 height 属性定义 iframe> 元素的高度。...://www.zhaojian.net"> 这是一个显示 zhaojian.net 网站内容的 iframe。

    10410

    HTML技术入门

    //-->iframeiframe>标签规定一个内联框架。 一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。 通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。...iframe 语法:iframe src="demo_iframe.htm" width="80%" height="80%">iframe> 该URL指向不同的网页,将窗口内容显示为URL地址指向页面...frameborder属性用于定义iframe表示是否显示边框。 ...设置属性值为 "0" 移除iframe的边框:iframe可以显示一个目标链接的页面 目标链接的属性必须使用iframe的属性,如下实例:iframe src="demo_iframe.htm" name...改变所有的元素为小写关闭所有的空元素修改所有的属性名称为小写所有属性值添加引号HTML媒体辅助应用程序(helper application)是可由浏览器启动的程序。辅助应用程序也称为插件。

    2.4K101

    关于Html与css的一些解释

    3、一般的html标签都有开始和结束标签,但是有些是空标签,即没有结束标签和元素内容。如等等。 4、所有标签与属性最好用小写。...如 5、空标签,用于链接到外部的css样式文件。...无序列表,用法:,默认有padding和margin        有序列表,用法同上 13、表格标签,以前用来布局,现在基本用来写表格...>iframe>框架标签,用法:iframe src=http://www.baidu.com width=”200” height=”200”>iframe>,相当于放入另一个网页整体。...16、定义文档区块,是块级元素     用于对文档中的行内元素进行组合 17、块级元素与内联元素的区别: 块级元素始终一个元素一行,不管他的宽度为多少,都不可能有其他元素与他在同一行

    1.4K120

    快速搭建一个代码在线编辑预览工具

    1.基本数据类型 基本数据类型只要都转成字符串显示出来就可以了,无非是使用颜色区分一下: // /public/console/index.js // ......展开收缩时针对非空的对象和数组,所以可以在遍历下级属性之前添加一个按钮元素,按钮相对于最外层元素使用绝对定位。...动态执行的代码里的输出以及最后表达式的值我们也要显示到控制台里,为了不在上层拦截console,我们把动态执行代码的功能交给预览的iframe,执行完后再把最后的表达式的值使用console打印一下,这样所有的输出都能显示到控制台...动态切换编辑器语言 Monaco Editor想要动态修改语言的话我们需要换一种方式来设置文档,上文我们是创建编辑器的同时直接把语言通过language选项传递进去的,然后使用setValue来设置文档内容...editor) { return } // 获取当前的文档模型 let oldModel = editor.getModel() // 创建一个新的文档模型 let newModel

    4.1K20

    快速搭建一个代码在线编辑预览工具(实战)

    1.基本数据类型 基本数据类型只要都转成字符串显示出来就可以了,无非是使用颜色区分一下: // /public/console/index.js // ......展开收缩时针对非空的对象和数组,所以可以在遍历下级属性之前添加一个按钮元素,按钮相对于最外层元素使用绝对定位。...动态执行的代码里的输出以及最后表达式的值我们也要显示到控制台里,为了不在上层拦截console,我们把动态执行代码的功能交给预览的iframe,执行完后再把最后的表达式的值使用console打印一下,这样所有的输出都能显示到控制台...动态切换编辑器语言 Monaco Editor想要动态修改语言的话我们需要换一种方式来设置文档,上文我们是创建编辑器的同时直接把语言通过language选项传递进去的,然后使用setValue来设置文档内容...editor) { return } // 获取当前的文档模型 let oldModel = editor.getModel() // 创建一个新的文档模型 let newModel

    4.4K30
    领券