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

Question

我将 SnailCMS 与 TinyMCE 4 一起使用。当 TinyMCE 调整图像大小时，它会将大小添加为属性而不是内联样式。由于 IE10 忽略宽度和高度属性，图像不会调整大小并保持原始大小!

我知道这不是一个新问题，但我一直在寻找解决方案，但到处都找不到!

有人解决了吗？

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

谢谢大家!!

Answer 1

希望我能正确理解您的问题。我相信您要问的是，当您将图像添加到 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 ，对于高效、最新、开源且广泛兼容的文本编辑器来说，这是一个更好的选择。我强烈建议调查一下。

希望这对您有所帮助!