Users and collaborators community Ask a question or leave a feedback about Editor.js https://github.com/codex-team/editor.js Please, write in English. 💝 Support project: http://opencollective.com/editorjs
What does it allows me to handle in my case ?
And when will this be out please ? 🙂
Also, as i built a real time AI article generator, i'm rendering HTML multiple times, every 0.5s and it blinks a lots, i need to render HTML multiple times without that UI behavior 😕
Читать полностью…Hello everyone, when we press enter, a new block is created, but when we press shift+enter, this block is not created. Question: when to replace shift+enter with just enter.
Читать полностью…Hy everyone, i have got question: when i write on a dark background, i have got this and how can i fix it? In devtools i didnot find
Читать полностью…Oh! It already works, is there a way to select the block without clicking?
Читать полностью…constructor({ data, config, api, readOnly }) {
this.api = api;
this.readOnly = readOnly;
this.data = data;
this.CSS = {
wrapper: 'cabecera-boton',
};
this.nodes = {
holder: null,
};
this.wrapper = undefined;
this.click = false;
}
openToolbar() {
this.api.toolbar.toggleToolbox()
}
render() {
const rootNode = document.createElement('div');;
rootNode.setAttribute('class', this.CSS.wrapper);
this.nodes.holder = rootNode;
const handleAquientra = ()=>{
this.openToolbar()
}
Render2(<Cabeceraboton handleAquientra={handleAquientra}/>, rootNode )
return this.nodes.holder;
}
save() {
return this.data;
}
hello! I'm trying to open the toolbar when the cursor passes over a block. I am using this.api.toolbar.open(). but it doesn't work for me, it doesn't open the toolbar popup. Does anyone know how I could do it? without clicking the tools button
Читать полностью…📦 editorjs/editorjs">@editorjs/editorjs 2.29.0-rc.4 was published
Читать полностью…Try this:
Читать полностью…
embed: {
class: Embed,
config: {
services: {
loom: {
regex: /(?:https?:\/\/)?(?:www\.)?loom\.com\/(?:share\/)?(\w+)/,
embedUrl: 'https://www.loom.com/embed/<%= remote_id %>',
html: "<iframe height='300' scrolling='no' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'></iframe>",
}
}
}
},
Normal Link:- https://www.loom.com/share/c15a4eee54104d3389d4ae26a70deee8
Embed Link:- https://www.loom.com/embed/c15a4eee54104d3389d4ae26a70deee8
It was fixed in Nested List as I can remember. You can use it as a workaround
Читать полностью…Hi! I have this issue with list
When I’m changing list style from default one (in my case it’s ordered) to unordered one its adding empty line endlessly and double enter click doesn’t help
Maybe I can somehow specify in config that list should end when I click enter 2 times
It’s working for YouTube, but for custom configuration for loom and Vimeo it’s not working.
I tried adding Vimeo in service part, still not working.
Any solutions?
We have a todo for passing API as an argument of onReady
exact for such case. Will try including it to the 2.29
Hi !
i'm rendering HTML in the editor using the renderFromHtml method.
I need to detect weather the editor is Ready / When this method is callable.
But after having initliazed the editor, all the methods inside blocks
seams to still be undefined and so i can't call renderFromHTML.
Any thoughts, ideas on this please ?
Всем привет, при нажатии на enter у нас создается новый блок, однако при нажатии на shift+enter этот блок не создается. Вопрос: когда заменить shift+enter на просто enter.
Читать полностью…Is there a way to add a new block without forcing the editor to rendering?
Читать полностью…make sure you have any block selected before calling toggleToolbox()
Читать полностью…📦 editorjs/editorjs">@editorjs/editorjs 2.29.0-rc.5 was published
Читать полностью…📦 editorjs/embed">@editorjs/embed 2.6.0 was published
Читать полностью…embed: {
class: Embed,
inlineToolbar: true,
config: {
services: {
youtube: true,
coub: true,
custom: {
regex: /(?:https:\/\/(?:www\.)?(vimeo|loom)\.com\/(video)\/(\d+)(?:\/[a-z0-9-]+)?)/,
embedUrl: (match) => {
const service = match[1];
const videoId = match[3];
if (service === "vimeo") {
return https://player.vimeo.com/video/${videoId};
} else if (service === "loom") {
return https://www.loom.com/embed/${videoId};
}
},
html: (match) => {
const service = match[1];
const videoId = match[3];
let embedHtml = "";
if (service === "vimeo") {
embedHtml = <iframe src="https://player.vimeo.com/video/${videoId}" width="600" height="300" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>;
} else if (service === "loom") {
embedHtml = <iframe src="https://www.loom.com/embed/${videoId}" width="600" height="400" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>;
}
return embedHtml;
},
height: 300, // Adjust the height as needed for your use case
width: 600, // Adjust the width as needed for your use case
},
},
},
},
Editorjs:- 2.26.5
Embed:- 2.5.3