TinyMCE - 图像大小属性问题IE10 - Twitter Bootstrap

时间:2013-12-05 15:05:59

标签: javascript html css twitter-bootstrap tinymce

我正在使用带有TinyMCE 4的SnailCMS。当TinyMCE调整图像大小时,它会将大小添加为属性而不是内联样式。因为IE10忽略了宽度和宽度。高度属性图像不会调整大小并保持原始大小!

我知道这不是一个新问题,但我一直在搜索并寻找解决方案,但我找不到任何地方!

有人解决了这个问题吗?

另外:注释掉img {-ms-interpolation-mode:bicubic;}对我没用。

谢谢大家!!

1 个答案:

答案 0 :(得分:0)

我希望我能正确理解你的要求。我相信您要问的是,当您将图像添加到TinyMCE覆盖的文本字段时,显示的图像小于您通过图像选择窗口小部件选择的实际文件。我使用TinyMCE时经常做的是坚持我页面头部的经典元素元素,包括:

<meta charset="utf-8">
  <title>My Website</title>
  <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="(your desc. here...)">
  <meta name="author" content="(your name here...)">
</meta>

如果您注意到第4行,则迫使IE的渲染引擎始终为最新版本。因为TinyMCE不知道有时候是“最新”并且有IE问题,所以这将确保通过IE呈现的图像总是出现在最新的维度中,因为这是最新版本的IE渲染引擎(截至本文)。

我最终发现了CodeMirror,这对于高效,最新,开源且广泛兼容的文本编辑器来说是一个更好的选择。我强烈建议你去研究它。

希望这有帮助!