Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

Loading saved images with stretched config doesn't work

未关闭
#2 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

评估

难度
3/5
预计耗时
1-2 天
新手友好度
45/100
Issue 类型
缺陷
描述清晰度
基本清楚
活跃度
停滞
技术栈
javascript
领域
frontend

调研方向

通过使用提供的数据对象创建一个 EditorJS 实例并检查渲染出的块来复现该问题。检查图像块如何处理其 stretched 设置,并将其与接收 ce-block--stretched 类的段落进行比较;当 stretched: true 的图像获得预期的 stretched 样式且不影响其他块时,即视为完成。

由索引模型根据 Issue 内容生成。

描述

Try passing this object in the data field when the constructor is called with const editor = new EditorJS({}))

{
    "time": 1600668389224,
    "blocks": [
        {
            "type": "image",
            "data": {
                "url": "https://cdn.pixabay.com/photo/2017/09/01/21/53/blue-2705642_1280.jpg",
                "caption": "Here is a caption field",
                "withBorder": false,
                "withBackground": true,
                "stretched": false
            }
        },
        {
            "type": "paragraph",
            "data": {
                "text": "hellow orld"
            }
        },
        {
            "type": "paragraph",
            "data": {
                "text": "hello world"
            }
        },
        {
            "type": "image",
            "data": {
                "url": "https://cdn.pixabay.com/photo/2017/09/01/21/53/blue-2705642_1280.jpg",
                "caption": "adsad",
                "withBorder": false,
                "withBackground": false,
                "stretched": true
            }
        }
    ],
    "version": "2.18.0"
}

The third block, i.e. paragraph ' hello world ' will get the ce-block--stretched class applied to it and the image below it won't.

But, the settings icon for stretched is toggled. Other settings work fine.

What's the issue?

主要语言
JavaScript
星标
29
派生
22
PR 合并指标
30 天内没有已合并 PR

贡献指南

这个仓库没有索引到贡献指南

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

editor-js/simple-image-tutorial 的其他 Issue

查看 editor-js/simple-image-tutorial 的全部 Issue

相似的 Issue

更多 JavaScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。