editorjs-columns's Introduction
editorjs-columns's People
Forkers
joelkobjoll srhimel vhf collabco amitsin6h andrea-provenzale jgui1129 guptamohitofficial danielmagacf ed9 arthurtalkgoal cone95 movilizame hammaazarok parweb evandor rodrigonsilva aacoelho noistudio ewoutv christos-pr ttduongtran blackmonk13 vibesfr antonshook quannveditorjs-columns's Issues
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!
Issues while Using react.
Drag and drop of image into column create duplicates
Copy Propergates
Personal Note
Copying into a column seems to propegate up to copy twice
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"
},
},
}
},
});
Issues while Using react.
I am using editorjs core module.
NOT "react-editor-js"
I found few issues with it,
- One alignment issues:
- The icons of the inline tool options got bolder.
- Not only in paragraphs,: On enter, lists and checkboxes also exit the current block.
- 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.
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?
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
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!
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
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.