文件名称:grapesjs-react-component-example:React组件作为GrapesJS块和模板的概念证明示例
文件大小:117KB
文件格式:ZIP
更新时间:2024-05-26 06:02:04
JavaScript
:thinking_face: 为什么? :thinking_face: 关于 (一个用Javascript编写的出色HTML布局编辑器)的常见问题是如何将其与React组件集成: 由于到目前为止还没有提供解决方案,因此我开始了一个小实验,以使React组件可以在GrapesJS中工作。 :monkey: 什么? :monkey: 尽管“与React集成”可能意味着很多事情,但这是我尝试解决的用例: 有一个GrapesJS,将其拖动到使用React组件在画布上显示内容。 在最终模板中,由相同的生成自身的JSX代码。 有一种方法可以将GrapesJS生成的JSX / CSS作为文本获取,并通过将JSX / CSS文本加载到React组件中使其再次生效 我的具体计划是实现诸如类的东西,但要使用并使它看起来更丑陋。 :pile_of_poo: :rocket: 如何? :rocket: :grapes: GrapesJS插件,块,组件(以及特征,按钮,命令) 为了在画布上显示React组件,我需要一个,该提供了Gr
【文件预览】:
grapesjs-react-component-example-master
----public()
--------manifest.json(492B)
--------index.html(2KB)
--------robots.txt(57B)
--------favicon.ico(22KB)
----yarn.lock(323KB)
----src()
--------index.tsx(452B)
--------index.css(366B)
--------App.test.tsx(248B)
--------templateDisplay()
--------timer()
--------App.tsx(1KB)
--------react-app-env.d.ts(40B)
--------serviceWorker.ts(5KB)
----tsconfig.json(492B)
----LICENSE(1KB)
----README.md(12KB)
----.gitignore(310B)
----package.json(1KB)