专栏首页acoolgiser_zhuanlan模板引擎(比如ejs)中如何显示markdown语法编写的内容

模板引擎(比如ejs)中如何显示markdown语法编写的内容

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/acoolgiser/article/details/88982516

首先这里有markdown语法写的内容,转换为HTML后赋值给变量content:

var content = markdown.toHTML("[百度一下,你就知道](http://www.baidu.com)");

//这里的   [百度一下,你就知道](http://www.baidu.com)   是markdown语法,表示超链接。

转换后的内容为“百度一下,你就知道”的超链接

在ejs模板引擎中有两种写法:

一、在页面中输出变量值(被转义),你可以这么用: <div><%= content %></div>

这时候div容器里的文本是: <div><a href="http://www.baidu.com">百度一下,你就知道</a></div>

二、如果不希望变量值的内容被转义,那就这么用:<div><%- content %></div>

这时候div容器里的文本是:百度一下,你就知道;(超链接)

注意两种写法的微妙区别!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • vue.js中的v-if指令 使用template同时判断多个元素

    当同时要控制多个元素(比如多个div,或其他元素)的显示与否时,可以使用vue.js的内置指令template把这多个元素包含起来,如下:

    acoolgiser
  • vue 控制某个元素的显示与隐藏之v-if属性

    解释: 默认showPrise和showRentPrise的状态是false,所以是隐藏的。  当你在changeStatus通过了某种条件,你就可以控制s...

    acoolgiser
  • elementUI框架的 el-row el-col 与 el-table-column 用法区别!

    通过官方文档的说明,即布局的一行(el-row)的宽度分为24等份,通过span属性来确定每一个列(el-col)的宽度,占了24份中的几份。无论一个el-ro...

    acoolgiser
  • 一天带入门到放弃vue.js(三)

    自己新建的标签赋予特殊功能的是组件,而指定是在标签上使用类似于属性,以v-name开头,v-on,v-if...是系统指令! v-是表示这是vue的指令if,f...

    十月梦想
  • 一天带你入门到放弃vue.js(三)

    自己新建的标签赋予特殊功能的是组件,而指定是在标签上使用类似于属性,以v-name开头,v-on,v-if...是系统指令! v-是表示这是vue的指令if,f...

    用户1518699
  • 清除浮动的方法

    本章主要介绍三种常用的清除浮动的方法,主要包括: ---- [1] 增加一个空 div, 使用 clear:both 将浮动元素 "挤到" 父元素中 [2] ...

    echobingo
  • HTML5选择器

    czjwarrior
  • vue弹出层 +内容手风琴 简单实现

    yangdongnan
  • [前端][css]float left布局换行不正常问题

    最近遇到一个页面布局上的问题,后来模拟了一下还原了下出现的原因。本来大概想实现的布局大概是这样的

    Tuzei
  • flex 布局

    CSS3 为我们提供了一种可伸缩的灵活的 web 页面布局方式 flexbox 布局,它具有很强大的功能,可以很轻松实现很多复杂布局。可以简便、完整、响应式地实...

    Krry

扫码关注云+社区

领取腾讯云代金券