nunjucks渲染富文本解析错误输出字符串而不是元素

最新推荐文章于 2024-08-31 07:44:56 发布
最新推荐文章于 2024-08-31 07:44:56 发布
阅读量1.7k 收藏
点赞数 1
分类专栏： node nunjucks 文章标签： nunjucks渲染富文本
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32563571/article/details/89344600
版权

今天遇到个坑，nunjucks 的插入变量{{}}输出的是字符串，而我用富文本编辑器插入数据库的是字符串，它不解析成元素(html),怎么办？

用什么方法引入它能成html？ 网上查，没这个资料

因为以前用过EJS输出过字符串的富文本内容，【<%-  输出非转义的数据到模板】

所以想到了是不是因为我们{{}}引入渲染的时候转义了，所以渲染出的结果是字符串，

在nunjucks查资料，因为我开了autoescape: true,这个东西，自动转义

现在重新设置成false

nunjucksConfig: {
     autoescape: false,
}

关掉之后，问题解决

谢江-.-
关注
专栏目录
Springboot+thymeleaf+IDEA——渲染数据中的富文本内容
简简单单Onlinezuozuo
05-29 7696
文章目录Springboot+thymeleaf+IDEA——渲染数据中的富文本内容1、以纯文本形式渲染2、渲染数据中的标签 Springboot+thymeleaf+IDEA——渲染数据中的富文本内容 1、以纯文本形式渲染 <div th:text="${html}">Some escaped text</div> 2、渲染数据中的标签 使用 th:utext 即可 ...
微信小程序渲染富文本（html标签）
woyebuzhidao_1014的博客
07-02 8521
最近遇到一个问题，后台管理系统传递过来的数据是富文本，也就是里面有html标签的字符串。怎么渲染到小程序页面呢。我是使用WxParse来渲染到小程序指定位置的。我们先下载WxParse文件。然后放在我们的项目中。 如果数据是单一的数据 先在wxml引入WxParse： 然后在js里面引入并配置： 因为后台里面的图片标签是img，而小程序是image，所以我就做了替换。 接下来在w...
Nunjucks Error expected variable end解决办法
zhangguoliu的博客
07-01 2429
问题描述 Nunjucks Error expected variable end解决办法 hexo g，hexo s都报错 FATAL Something's wrong. Maybe you can find the solution here: https://hexo.io/docs/troubleshooting.htmlNunjucks Error: [Line 78, Column 29] expected variable end 出错截图： 解决办法 官网描述如下（https://he
HEXO Nunjucks Error
豆傻小饼干随记
06-29 482
这里我的报错如下： Nunjucks Error: [Line 356, Column 41] expected variable end 356 | <li>/expires:{{MM/DD/YYYY|DD/MM/YYYY|mmm,dd,YYYY} 这里提是因为{{}}的语法问题，只需要将每一个字符单独转义一下就好了，把它变成\{\{\}\} 然后再次编译就能过了 ...
使用gulp-nunjucks轻松渲染模板
最新发布
gitblog_00964的博客
08-31 636
使用gulp-nunjucks轻松渲染模板 gulp-nunjucksPrecompile Nunjucks templates项目地址:https://gitcode.com/gh_mirrors/gu/gulp-nunjucks 项目介绍 gulp-nunjucks 是一个基于Gulp的任务处理器，专门用于将Nunjucks模板语言编译成静态HTML文件。Nunjucks以其灵活的块级继承...
Nunjucks Error: 解决方案
云澈的博客
08-28 2575
hexo d报错 FATAL Something's wrong. Maybe you can find the solution here: https://hexo.io/docs/troubleshooting.htmlNunjucks Error: [Line 78, Column 29] expected variable end 解决办法： 官网描述 翻译过来就是： 转义内容 Hexo使用Nunjucks渲染帖子（较早的版本使用Swig，它们具有相似的语法）。用{ { } }或{ ％
5分钟上手Egg.js+nunjucks模板引擎快速开发SEO友好的官网项目
qq_43623970的博客
06-30 1464
在日常的项目中，有时候还是不可避免的会维护一些jq官网项目等。面对此类需求，很多还是以前的老套路，前端写页面交给后端去套数据。很烦有木有～～而改动之后还得交给后端再次修改，时间和沟通都是个麻烦。同时开发中，写静态页面也很麻烦，不能复用，不能使用现在的工具，心累有木有～～当然了，解决办法很多 自己写个webpack脚本维护起来，把工程化的那一套东西搬过来。 使用现成的nust\next等服务端渲染框架 借助于node+模板引擎等 … 而本文介绍一下node的egg.js框架配合模板引擎来快速开发项目的模式
Uni-App之使用RichText组件实现富文本内容展示教程
热门推荐
码奴一只猿
06-10 1万+
在Uni-App开发中，我们经常需要展示富文本内容，例如带有HTML标签的文字、图片、链接等。Uni-App提供了强大的RichText组件，可以轻松实现富文本内容的展示。本教程将向您展示如何使用RichText组件来创建内容丰富的界面。
小程序渲染富文本内容
motor_tang的博客
01-28 5508
1.小程序渲染后台返回的富文本格式(即带有html标签的内容)的内容 使用标签渲染内容 &amp;amp;lt;rich-text class='content' nodes=&amp;quot;{{item.content}}&amp;quot;&amp;amp;gt;&amp;amp;lt;/rich-text&amp;amp;gt;
react 如何渲染富文本内容
Boboy
02-04 8862
import React, { Component } from 'react'; class App extends Component { constructor(){ super() this.state={ article:"<div>我是富文本内容</div>", } } render() { return ( <div dangerouslySetInnerHTML={{__html:thi
前端富文本解析
胡乱选一个
10-10 3134
本文采用Quill富文本编辑器 官方网址https://quilljs.com/ 开始: 首先引入css和js <link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet"> <script src="https://cdn.quilljs.com/1.3.6/quill.js">&...
Atom-language-nunjucks,atom中nunjuck模板的语法突出显示。.zip
09-18
Atom-language-nunjucks.zip,atom中nunjuck模板的语法突出显示。atom中的nunjuck语言支持,atom是一个用web技术构建的开源文本编辑器。
使用Nunjucks
android开发笔记
06-12 2252
Nunjucks Nunjucks是什么东东？其实它是一个模板引擎。 那什么是模板引擎？ 模板引擎就是基于模板配合数据构造出字符串输出的一个组件。比如下面的函数就是一个模板引擎： function examResult (data) { return `${data.name}同学一年级期末考试语文${data.chinese}分，数学${data.math}分，位于年级第${d...
通过反编译来了解String的生成
csdnLeraner的博客
08-27 503
我们知道创建一个字符串有2种方法： 1. String str = “abc”; 2. String str1 = new String(“abc”); 3. String str2 = “abc” + 字符串引用 第一种是在常量池中创建并返回引用 第二种是调用了String的构造方法并返回引用 第三种是调用了StringBuilder的方法拼接 下面我们通过反编译来了解吧~ 先上代码1 ...
nunjucks如何使用？
whyrookie的博客
08-11 987
基本的使用 const nunjucks = require('nunjucks') // nunjucks.configure({ autoescape: true }); // const result = nunjucks.renderString('Hello {{ username }}', { username: 'James' }); // console.log(result) // 这里的 views 相对路径是受 node 执行路径影响的 nunjucks.configur...
thinkjs能在浏览器html文件,thinkjs框架的默认模板引擎Nunjucks的中文文档
weixin_39811842的博客
06-10 216
Node 端使用$ npm install nunjucks0$npminstallnunjucks下载后可直接 require('nunjucks') 使用浏览器端使用可直接使用 nunjucks.js (min)，如果针对编译后的模板可使用 nunjucks-slim.js (min)。你应该使用哪个文件nunjucks.js 可用于动态加载模板，当模板变化时重新加载，也可以用于预编译后的模板...
nunjucks.js模板渲染
weixin_33893473的博客
11-18 997
直接用 script 引入文件： &lt;script src="nunjucks.js"&gt;&lt;/script&gt; 是使用 render 来直接渲染文件，这种方式支持继承(extends)和包含(include)模板。使用之前需要配置文件的路径： nunjucks.configure('views', { autoescape: true }); nunjucks.rende...
thinkjs使用Nunjucks模板以及简单的使用方法
土豆的博客
06-01 1万+
Nunjucks 是一个更复杂的 JavaScript 模板引擎，提供丰富的语言特性和块继承、自动转移、宏和异步控制等等。 之前项目一直使用的是art-template模板引擎, 今天在别人的项目中见到使用Nunjucks模板引擎，真的很强大，用过的人都说好！ 我们的项目都是thinkjs做的，我这里也用的是thinkjs，引用的内容基本上都是thinks官网的配置方法 首先是样创建
Hexo Nunjucks Error:问题原因
Always-Learning
04-02 710
出现这个问题的原因，是因为你的博客中出现下面的内容 这样的内容，无论在标题中还是正文中都不允许出现
前端渲染富文本无法解析特殊符号
02-26
前端渲染富文本时，如果富文本中包含特殊符号，可能会导致无法正常解析。这是因为特殊符号可能与代码中的语法有冲突，导致代码解析错误。解决这个问题的方法可以是对特殊符号进行转义处理，或者使用一些特殊的插件或...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值