首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何增加创建tinymce编辑器的iframe的宽度和高度

如何增加创建tinymce编辑器的iframe的宽度和高度
EN

Stack Overflow用户
提问于 2022-03-16 08:30:46
回答 1查看 152关注 0票数 0

我正在使用Laravel5.8和TinyMCE,我已经在这个编辑器中添加了一个iframe,并使用它创建了一个新的帖子。

然后在刀刃上,我试着检索这样的数据:

代码语言:javascript
运行
复制
<!-- News Content -->
<div class="text-justify mt-3">
   {!! $new->nws_description !!}
</div>

它正确地显示了内容,但唯一的问题是iframe的大小很小。

因此,我需要增加的宽度和高度的iframe,但不知道如何做!

下面是存储在DB中的$new->nws_description的内容:

代码语言:javascript
运行
复制
<p style="text-align: justify;">Lorem Ipsum Dolor Sit Amet</p>
<p style="text-align: justify;">Lorem Ipsum Dolor Sit Amet</p>
<p dir="ltr" style="text-align: justify;"><code></code></p>
<div class="h_iframe-aparat_embed_frame" style="text-align: center;"><iframe title="iframe-title" src="iframe-link" allowfullscreen="true"></iframe></div>
<p dir="ltr" style="text-align: justify;"><code></code></p>
<p dir="ltr" style="text-align: justify;">&nbsp;</p>
<div id="4591871988"></div>
<div id="92356425254"></div>

那么如何自动增加iframe的大小呢?所以会是这样的:

<iframe width="100%" height="100%" ...

EN

Stack Overflow用户

发布于 2022-03-17 11:13:30

您可以使用样式来完成,只需针对元素。

代码语言:javascript
运行
复制
<style>
.h_iframe-aparat_embed_frame iframe{
    width: 100% !important;
    height: 100% !important;
 }
</style>
票数 0
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71493821

复制
相关文章

相似问题

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