Javascript 在bootstrap popover rails 5应用程序中渲染部分?
我在rails应用程序的引导弹出窗口中呈现部分时遇到问题 分部始终呈现为纯文本(显示所有HTML标记等) 这是index.html.erb中的代码Javascript 在bootstrap popover rails 5应用程序中渲染部分?,javascript,html,ruby-on-rails,bootstrap-popover,html-safe,Javascript,Html,Ruby On Rails,Bootstrap Popover,Html Safe,我在rails应用程序的引导弹出窗口中呈现部分时遇到问题 分部始终呈现为纯文本(显示所有HTML标记等) 这是index.html.erb中的代码 <span class="has-popover" style="cursor:pointer;" data-toggle="popover" data-trigger="hover" data-container="body" data-placement="right"
<span class="has-popover"
style="cursor:pointer;"
data-toggle="popover"
data-trigger="hover"
data-container="body"
data-placement="right"
title="Lorem Ipsum"
data-content= "<%= render :partial => 'envs/e1' %>" >
<i class="fa fa-question-circle " aria-hidden="true"></i>
</span>
这是envs
文件夹中的\u e1.html.erb
部分
<h2>Mauris euismod sollicitudin?</h2>
<p>Morbi sit amet tellus pellentesque, maximus eros a, aliquam nunc. Vivamus velit velit, vestibulum at eros eu, iaculis hendrerit tortor. Morbi ullamcorper purus at ornare ullamcorper. </p>
<br>
<p>Morbi sit amet tellus pellentesque, maximus eros a, aliquam nunc. Vivamus velit velit, vestibulum at eros eu, iaculis hendrerit tortor. Morbi ullamcorper purus at ornare ullamcorper. </p>
Mauris euismod sollicitudin?
莫比坐在阿梅特·泰勒斯·佩伦茨克,马克西姆斯·厄洛斯·阿利奎姆·努克。维瓦姆斯·维利特·维利特,爱神之家的前庭,艾库利斯·亨德雷特·托托。莫尔比·乌兰科帕·珀鲁斯在奥纳雷·乌兰科帕
莫比坐在阿梅特·泰勒斯·佩伦茨克,马克西姆斯·厄洛斯·阿利奎姆·努克。维瓦姆斯·维利特·维利特,爱神之家的前庭,艾库利斯·亨德雷特·托托。莫尔比·乌兰科帕·珀鲁斯在奥纳雷·乌兰科帕
我在raw()
和html\u-safe
中都包装了“'envs/e1'>”
这一行,没有任何运气
*添加了示例*
下面是我如何在剪贴簿中使用html\u-safe
和raw
的示例
data content=raw(“'envs/e1'>”)
-文本以“正确”的方式显示,但在弹出框外
data content=“'envs/e1')%%>”>
-文本显示为纯文本
data content=“raw('envs/e1')%%>”>
-文本显示为纯文本
data content=“'envs/e1'>”。html\u safe
-文本显示为纯文本
data content=“'envs/e1'.html\u safe%>”
-文本显示为纯文本
一定有某种方法可以在popover中设置部分样式??
还是我做错了
请告诉我
提前感谢。我相信您必须在popover span中启用
数据html=“true”
。
至少它在我的机器上起作用了
因此,它将写为:
<span class="has-popover"
style="cursor:pointer;"
data-toggle="popover"
data-trigger="hover"
data-html="true" <!-- This is what you have to add to the code -->
data-container="body"
data-placement="right"
title="Lorem Ipsum"
data-content= "<%= render :partial => 'envs/e1' %>" >
默认情况下,引导弹出窗口不接受通过自动继承选项输入的html:data html=“false”
您需要添加并将其更改为true
如果您想了解更多有关引导弹出窗口可以传递哪些选项的信息,请查看并查看您可以使用它做什么。您的引导标记和JS看起来不错,因此几乎可以肯定的是,您的视图输出的是转义HTML,而不是您需要的标记
您使用html\u-safe
的尝试非常接近,而且肯定在正确的轨道上,但是缺少括号意味着它没有完全按照您的想法进行。请尝试以下方法:
data-content="<%= render(partial: 'envs/e1').html_safe %>"
data content=“”
请注意,html\u safe
应用于render
的输出,外部引号保留在html中,不由Rails解释。部分like的命名约定以下划线开头,例如\u e1.html.erb
,然后按以下方式呈现envs/e1
。但是,您是否在控制台或日志中看到任何错误?@fool dev由于部分被呈现为纯文本,我认为查找部分模板没有问题。您能否修改您的问题以添加一个示例,说明如何使用raw
和html\u safe
?@SteveH。我添加了如何使用raw
和html\u-safe
Try:data-content=“”的示例
data-content="<%= render(partial: 'envs/e1').html_safe %>"