我目前正在尝试在基于富文本的模板系统中实现这一点,在该系统中用户可以将图像切换为任意大小的另一个图像。
系统只允许我内嵌样式,
这样<img src="path/image.jpg" style="max-width: 100%; max-height: 100%;" >
工作正常,直到用户将图像切换到另一个图像,删除任何以前的样式,替换为新的 <img>
有自己的宽度和高度。
我已经尝试过使用
<style></style>
和 <style type="text/css"></style>
和 <link>
, 但系统会忽略它。
我可以不更改 img 标签来解决这个内联问题吗? 这是今天的代码:
<div style="float: left; text-align: center; display:inline-block; margin: 0 auto; width:450px;height:450px;">
<img src="http://i.imgur.com/cnI4YIs.png" width="450px" height="450px" alt="" />
</div>
最佳答案
谢谢,但现在我认为它以自己的方式很好。 我不确定它是否适用于 JS,但似乎当我在模板中进行更改,然后复制代码以粘贴到将发布模板广告的实际网站中(这也适用于富文本输入),更改会自动内联。
换句话说,我保留<style></style>
模板系统中的元素,将其保存在发布系统中,并避免对其进行任何更改。
我不知道如何解释这个,也不知道为什么会这样,但无论如何它都有效...
PS:这两个站点都使用 TinyMCE 来编辑代码,因此寻找有关 TinyMCE 配置的答案(例如启用标签 <style>
)可能会有用。当然,前提是你有管理员权限。我没有。
关于html - 如何在不更改 img 标签的情况下将图像放入 div 中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42253281/