问题标签 [render-to-string]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
609 浏览

css - 在客户端上呈现为字符串时主题自定义丢失

我正在使用 material-ui-next 并自定义主题以使用我的颜色样式和自定义字体。例如。排版副标题

我现在正在尝试将组件呈现为字符串以在谷歌地图信息窗口中使用。默认 material-ui 主题在styles传递给 withStyles 的回调对象中可用,但我的自定义theme在回调中的参数上均不可用,styles也未应用。渲染的字符串以其他方式正确渲染(尽管没有我预期的事件)。

更简洁地说,在正常渲染时,应用自定义。渲染为字符串时,它们不会。

一个简单的示例是正确运行 withStyles 的组件,但返回 div 而不是目标组件 ala:

let output = ReactDOMServer.renderToString(component); return <div dangerouslySetInnerHTML={{__html: output}} />

任何提示如何将我的主题自定义传递到 withStyles 回调theme参数?

0 投票
1 回答
1126 浏览

python - Django autoescape 在 render_to_string(template) 中不起作用?

当用户成功更新密码时,我正在为用户起草一个电子邮件模板。

我在模板中使用了 {{ autoescape off }},它是使用 render_to_string() 渲染的。

但是,电子邮件内容直接显示 HTML 尖括号,如下所示:

嗨<span style='color:blue'>用户!</span>

您的密码已成功更新!


我正在使用 Django2.0,我的代码如下所示:

视图.py

模板.html

我的代码有什么问题吗?

否则,在使用 render_to_string() 时是否始终开启自动转义?

0 投票
1 回答
660 浏览

javascript - Python3 + Django:如何在 render_to_string 模板中使用 Jquery?

我的酱汁在下面。

使用 render_to_string 创建的模板中的元素不是 Jquery 控件。

▶ index.html

▶ index.js

▶ 视图.py

▶ prod_list.html

我想要控制“btn_like”元素

但是,我无法控制 'a[name=btn_like]'

如何在 render_to_string 模板的元素中使用 Jquery Control?

0 投票
2 回答
992 浏览

javascript - Node / react如何返回用react渲染的纯html并发送到客户端

我有一个简单的 node.js 应用程序,它应该使用 React 的renderToString函数以纯 HTML 响应请求。渲染和响应的代码如下所示:

和 HTML 响应:

我不希望输出中有任何反应痕迹。有没有办法在使用 react 渲染时不包含 reactdata-reactroot或任何其他痕迹?

0 投票
1 回答
120 浏览

reactjs - React renderToString 没有数据反应校验和

运行这个,得到如下的initView:

我做了 initView.indexOf('check') 并得到-1。谁能帮帮我,谢谢。

0 投票
0 回答
514 浏览

reactjs - 如何将 React.Component 与 renderToString 方法一起使用?

我尝试使用 renderToString 方法进行服务器端渲染。

如果像下面这样的组件可以工作:

计数器.js

但是,如果我将 Counter.js 更改为以下内容:

它会显示错误:

那么如何使用带有 renderToString 方法的 React.Component 呢?


我将项目最小化并推送到 Github。请看一看。

https://github.com/ovojhking/ssrTest/tree/master

0 投票
0 回答
107 浏览

reactjs - 将导入的 .less 文件转换为 css 字符串

我有一个导入到反应组件中的 .less 文件,是否可以抓取该较少的文件并将其写入字符串,最好是在将反应组件转换为 html 字符串的过程中?

0 投票
1 回答
436 浏览

jquery - 使用 render_to_string 库不起作用

我有一个 django 代码,它允许用户使用 javascript 函数将书籍添加到列表中,一旦用户单击按钮,该函数就会处理 ajax 请求。我正在使用 BootStrap 4

问题是,一旦用户单击按钮,控制台就会显示以下错误:

文件“C:\Users\LTGM~1\Desktop\CRUDDJ~1\env\lib\site-packages\widget_tweaks\templatetags\widget_tweaks.py”,第 163 行,在 render_field 中引发 TemplateSyntaxError(error_msg + ": %s" %对)django.template.exceptions.TemplateSyntaxError: 'render_field' 标签需要一个表单字段,后跟属性和值列表,格式为 attr="value": class

网址.py

视图.py

partial_book_create.html

书籍.js

我不明白什么是错误以及如何修复错误

我是 widget_tweaksrender_to_string的新手

我将不胜感激任何帮助。

0 投票
0 回答
207 浏览

reactjs - 如何访问已使用 renderToString 渲染并添加了 dangerouslySetInnerHTML 的 React 元素?

已编辑:我更正了注入代码的方式,它与 MDX 无关,它只是普通的 html


我有html插入到我的 React 页面的代码

之前,我添加了一些组件到myContent一个 simpleregex.replace()中,我用一个转换为纯 html 的 React 组件替换了一些纯文本

*<Input>是一个样式化的组件,它返回一个<input>元素

但是,我无法访问inputRef,也无法访问任何onClickonChange作品

我确实认为要启用这些事件侦听器,我应该hydrate使用组件吗?真的不知道它在这里如何应用,也不知道是否hydrate应该在这个用户案例中应用(不涉及服务器)

所以目标是我可以在<input>更改时进行交互,但到目前为止它绝对是我无法访问的静态 html

我能做什么?


最后,我添加了一个<input id="blah"...并使用 vanilla JavaScript 访问它,没有任何明显的麻烦

0 投票
0 回答
433 浏览

reactjs - 如何在“renderToString”中传递动态组件以转换为字符串

这就是我所说的动态组件(从其余 API 获取数据的组件)

当我试图在“renderToString”中传递这个组件时,我得到一个空值

我想知道如何让这段代码连同我从其他 API 获得的值一起进入字符串。

注意:当我尝试在“renderToString”中传递地图组件时,它给出的是“正在加载...”而不是带有数据的组件。所以我觉得这是一个时间问题。

我正在尝试访问它。我在 onClick 事件处理程序中调用 print 。