Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Loading saved images with stretched config doesn't work

オープン
#2 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
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. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

editor-js/simple-image-tutorial のほかの issue

editor-js/simple-image-tutorial の issue をすべて見る

似ている issue

JavaScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。