javascript - CKEditor 不显示图像数据

标签 javascript html image ckeditor

这很奇怪。我的 html 字符串中有 2 个图像 - 2 个单独的图像标签。一个三 Angular 形后面跟着一个圆。图像数据是 64 位编码数据。图像的 html 源代码如下所示:

<p>
<img alt="dac84c31850f292e0bb60901680b27b7.png" src="data:image/png;  base64, encoded-image-data here></p>

如果我粘贴任何一张图像的 html 源代码,CKEDitor 显示是正确的。如果我将两张图片都粘贴到 html 中,则只会显示圆圈。三 Angular 哪里去了?它被覆盖了吗?在将 html 上传到 CKEditor 之前,我需要在 Javascript 中设置什么吗?目前我是这样做的:

CKEDITOR.instances['myinstance'].setData(data['question']);

其中 data['question'] 包含 html 源。

在阅读这个论坛时,看起来 CKEditor 有很多图像显示问题 - 但这个问题让我很困惑。

有人能指出我正确的方向吗?谢谢!

最佳答案

您的数据有点损坏,我认为这会以这种有趣的方式破坏 CKEditor。仔细查看您的图像数据。图片标签以此结尾:

...AAElFTkSuQmCC"  21px; height: 24px;">

那不是有效的标签(样式属性已损坏)。对两个图像都尝试这样的方法,它有效

...AAElFTkSuQmCC" style="height:24px; width:18px" />

关于javascript - CKEditor 不显示图像数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19022620/

相关文章:

javascript - 有没有办法在构造对象后注入(inject)特权方法?

javascript - 当用户滚动并到达 div 时使数字动画

javascript - 如何在 html 或 javascript 中将 Img 附加到 Img

image - Wordpress:使文本最大宽度:660px 图像最大宽度:1000px

image - 使用 Azure 搜索 AzureSearch_SkipContent 元数据对图像建立索引,但不尝试提取内容

javascript - Js中如何将输入的text-value转换为对象的属性值?

javascript - React 渲染不同的组件

javascript - Javascript中的多个对象属性分配

javascript - Canvas 绘制图像不工作

javascript - 如何使用 Chrome 扩展修改网站元素