search

kode-team / easylogic.studio

Fantastic Web Design Tool
https://editor.easylogic.studio
MIT License
494 stars 54 forks source link

EasyLogic Editor GrapesJS Plugin #117

Open billiemead opened 3 years ago

billiemead commented 3 years ago

@easylogic Hi, I was thinking about starting on a GrapesJS Plugin to integrate the EasyLogic Editor., similar to this plugin: https://github.com/Ju99ernaut/grapesjs-svg-editor

Any ideas? Cheers, billie

easylogic commented 3 years ago

hi @billiemead

Thanks for your comment.

I understand for your thinking.

I am preparing editor module that published at npm (https://www.npmjs.com/package/@easylogic/editor).

Currently, a plugin structure is being prepared for the extension of @easylogic/editor, and when this is completed, I think I can install it with npm and use it.

Please request if there are any features you need to integrate with GrapeJS. I will put it on npm first as a test.

easylogic commented 3 years ago

I have a question.

In the case of the svg-editor, there is only one artboard and you just need to generate it.

In the case of easylogic/editor, multiartboard is supported and the expression structure according to it is completely different.

What features are you envisioning?

billiemead commented 3 years ago

@easylogic Let me work with easylogic/editor a little more this week and see if there is a workaround to the multi-artboard problem. As users of the GrapesJS page builder are only working on one web page at a time it may be that only one artwork would be allowed at a time?

easylogic commented 3 years ago

@billiemead

If you want to force artboard into one, I need to place restrictions on menus or functions.

If you organize the list of necessary functions together, I will implement api.

Please organize the functions you need.

easylogic commented 3 years ago

hi @billiemead

I made an @easylogic/editor npm module.

So I am ready to make grapejs plugin.

But I don't know grapejs plugin system.

Can you guide me ?

billiemead commented 3 years ago

@easylogic

So glad to hear about the npm package/module!

Right now I am learning myself about the Grapejs environment and basic plugin development. Here are a few resources:

GrapesJS Docs - Plugins https://grapesjs.com/docs/modules/Plugins.html#basic-plugin

GraqpesJS CLI - A simple CLI library for helping in GrapesJS plugin development. https://github.com/artf/grapesjs-cli

Grapesjs Svg - This is the plugin that gave me the idea to create a plugin for EasyLogic. This plugin integrates the MethodDraw SVG editor into GrapesJS. https://github.com/Ju99ernaut/grapesjs-svg-editor

I am already very familiar with the Grapes JS environment and so I should be able to start very soon.

easylogic commented 3 years ago

@easylogic

Thanks. I'll be studying too.

easylogic commented 3 years ago

@billiemead

Is there anything going on? Is there a repository I can see?

easylogic commented 3 years ago

hi @billiemead

I am making a plugin system. refer to https://github.com/easylogic/editor-plugin-template

This will provide a structure that can be attached to other editors.