首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >属性使用html `{!!$html!!}更改转换效果

属性使用html `{!!$html!!}更改转换效果
EN

Stack Overflow用户
提问于 2021-02-27 10:24:22
回答 1查看 208关注 0票数 0

我试图在livewire & laravel中对文本进行转换

它正在与{{ $html }}一起工作

代码语言:javascript
运行
复制
<p class="text-gray-600"  x-data="{show: false}" x-show.transition.duration.1000ms="show" x-init="setTimeout(() => { show = true })" id="{{ $slide['current']['id'] }}c">{{ '<h1>hi</h1>' }}</p>

但是它不适用于{!! $html !!}}

代码语言:javascript
运行
复制
<p class="text-gray-600"  x-data="{show: false}" x-show.transition.duration.1000ms="show" x-init="setTimeout(() => { show = true })" id="{{ $slide['current']['id'] }}c">{!! '<h1>hi</h1>' !!}</p>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-03-05 10:01:30

--您不能将<h1>放在<p>元素中。浏览器会把它移出去。

所以我必须将它添加到<div>

代码语言:javascript
运行
复制
<div class="text-gray-600"  x-data="{show: false}" x-show.transition.duration.1000ms="show" x-init="setTimeout(() => { show = true })" id="{{ $slide['current']['id'] }}c">{!! '<h1>hi</h1>' !!}</div>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66397769

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档