calumk / editorjs-columns

---

editorjs-columns's Issues

Internationalization not working inside columns

Editor.js Version: 2.25.0
Editor Columns Version: 0.2.4

Configuration used:

const editor = new EditorJS({
holder: "text",
minHeight: 30,
placeholder: "Insira o conteúdo aqui...",
inlineToolbar: ["bold", "italic", "underline", "link"],
tools: {
columns: {
class: editorjsColumns,
config: {
tools: {
header: Header,
list: {
class: List,
inlineToolbar: true,
config: {
defaultStyle: "unordered"
}
},
underline: Underline,
image: SimpleImage,

            },
            i18n: {
                messages: {
                    ui: {
                        "blockTunes": {
                            "toggler": {
                                "Click to tune": "Opções",
                            },
                        },
                        "inlineToolbar": {
                            "converter": {
                                "Convert to": "Converter para"
                            }
                        },
                        "toolbar": {
                            "toolbox": {
                                "Add": "Adicionar",
                            }
                        }
                    },
                    toolNames: {
                        "Text": "Texto",
                        "Paragraph": "Parágrafo",
                        "Heading": "Cabeçalho",
                        "List": "Lista",
                        "Bold": "Negrito",
                        "Italic": "Itálico",
                        "Underline": "Sublinhado",
                        "Image": "Imagem",
                    },
                    tools: {
                        "list": {
                            "Ordered": "Númerica",
                            "Unordered": "Comum"
                        },
                        "link": {
                            "Add a link": "Insira o link aqui"
                        },
                    },
                    blockTunes: {
                        "delete": {
                            "Delete": "Remover"
                        },
                        "moveUp": {
                            "Move up": "Mover para cima"
                        },
                        "moveDown": {
                            "Move down": "Mover para baixo"
                        },
                    },
                }
            },
        }
    },
    header: {
        class: Header,
        config: {
            levels: [2, 3, 4],
            defaultLevel: 2
        }
    },
    list: {
        class: List,
        inlineToolbar: true,
        config: {
            defaultStyle: "unordered"
        }
    },
    underline: Underline,
    image: SimpleImage,
},
i18n: {
    messages: {
        ui: {
            "blockTunes": {
                "toggler": {
                    "Click to tune": "Opções",
                },
            },
            "inlineToolbar": {
                "converter": {
                    "Convert to": "Converter para"
                }
            },
            "toolbar": {
                "toolbox": {
                    "Add": "Adicionar",
                }
            }
        },
        toolNames: {
            "Text": "Texto",
            "Paragraph": "Parágrafo",
            "Columns": "Colunas",
            "Heading": "Cabeçalho",
            "List": "Lista",
            "Bold": "Negrito",
            "Italic": "Itálico",
            "Underline": "Sublinhado",
            "Image": "Imagem",
        },
        tools: {
            "list": {
                "Ordered": "Númerica",
                "Unordered": "Comum"
            },
            "link": {
                "Add a link": "Insira o link aqui"
            },
        },
        blockTunes: {
            "delete": {
                "Delete": "Remover"
            },
            "moveUp": {
                "Move up": "Mover para cima"
            },
            "moveDown": {
                "Move down": "Mover para baixo"
            },
        },
    }
},

});

A new error from the latest code, see video

Hi, I test the latest code, and I found a new error, see video:

new-error.mp4

Toggle readonly error

Toggle readonly state occurs error:

Edit mode -> Readonly mode is ok
Readonly mode -> Edit mode is error:

Saving failed due to the Error Error: Editor's content can not be saved in read-only mode
    at o.value (editorjs@latest:8:122627)
    at t.save (editorjs@latest:8:122742)
    at EditorJsColumns.save (editorjs-columns.js:283:49)
    at S.<anonymous> (editorjs@latest:8:46865)
    at l (editorjs@latest:8:97116)
    at Generator._invoke (editorjs@latest:8:96869)
    at Generator.forEach.t.<computed> [as next] (editorjs@latest:8:97473)
    at n (editorjs@latest:8:21104)
    at s (editorjs@latest:8:21315)
    at editorjs@latest:8:21374 %o

Issues while Using react.

Save Issue

Personal note:
Sometimes edits in the column dont save, unless the user clicks into the parent column first.

Is this a bug, or an intergration bug?

Setup Issue with passing EditorJs library reference

I have this tool in my main editor instance config.

"columns":{
    "EditorJsLibrary": EditorJS,
    "tools":{"alert":{"class":Alert},"checklist":{"class":Checklist}}
}

When I click the columns option in the EditorJS menu, I am getting this error:

TypeError: this.config.EditorJsLibrary is not a constructor

Any ideas what I am doing wrong? This seems pretty simple, but I'm missing something here I'm sure. Thanks!

It would be great if we can have support for media query for responsiveness

Version bump missing

Hi, thanks a lot for your awesome tool!

I saw that you've made a bunch of updates a couple of months ago.
Is it possible that you didn't bump up the version package?
When I npm install it it still gets me the previous version as if the new one wasn't published to npm.

Thanks!

Issues while Using react.

I am using editorjs core module.
NOT "react-editor-js"

I found few issues with it,

1. One alignment issues:
2. The icons of the inline tool options got bolder.
3. Not only in paragraphs,: On enter, lists and checkboxes also exit the current block.
4. And some errors while playing around with it,:
   

MY GOAL OF RAISING THESE ISSUES,
I wanted to know if these are known issues or not
It is tested with react or any other framework, if yes, please attach some example.

Copy Propergates

Personal Note

Copying into a column seems to propegate up to copy twice

Link inlineToolbar not working

Thanks for providing this amazing tool. It helps us to achieve a higher level of content creation of our users.

Enabling the inlineToolbar for the paragraph tool is not working for the link tool. Any clues how to solve this?

Here is a modified version of the example.html illustrating the problem: https://gist.github.com/foarsitter/ece006ffc97d41f5d2228a16f194b1ef

Drag and drop of image into column create duplicates

I am having a problem with images being pasted twice to the column and the main canvas on the drop action of an image.

As the image below, the image element is replicated after the column

Any suggestions to suppress this ?