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

【问题标题】：TinyMCE - Image size attributes issue IE10 - Twitter BootstrapTinyMCE - 图像大小属性问题 IE10 - Twitter Bootstrap
【发布时间】：2013-12-05 23:47:17
【问题描述】：

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

我知道这不是一个新问题，但我一直在寻找解决方案，但我在任何地方都找不到！

有人解决了吗？

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

谢谢大家！！

【问题讨论】：

标签： javascript html css twitter-bootstrap tinymce

【解决方案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，对于高效、最新、开源和广泛兼容的文本编辑器来说，这是一个更好的选择。我强烈建议您研究一下。

希望这会有所帮助！

【讨论】：

谢谢！很有帮助！