@creaditor/web-starterkit (英语)

一个强大的视觉编辑器,用于构建美丽的网页

拖放网页编辑器,内置所有内容. 不需要外部依赖关系!

* 特性

• 🎨 可视拖放( D) - 建立网页的直观界面
• 📱 响应设计 - 箱外方便移动的页面
• 🔧 可自定义 - 全面控制样式和组件
• 🌍 i18n 辅助 - 支持多种语言
• 💾 自动保存 - 永远不要失去你的工作
• 📝 丰富的文本编辑器 - 强大的文本编辑能力
• 🖼️ 媒体图片库 - 图像和媒体管理简便
• ⚡ 自办 - 所有文件已捆绑,不需要CDN

* 安装

npm install @creaditor/web-starterkit

或用纱线:

yarn add @creaditor/web-starterkit

QQ 快速启动

简单的 HTML 集成

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Web Editor</title>
</head>
<body>
    <div id="root"></div>

    <!-- Load the editor bundle -->
    <script src="node_modules/@creaditor/web-starterkit/dist/creaditor.bundle.js"></script>

    <script>
        // Initialize the editor
        const editor = new cdtrStarter({
            target: document.getElementById('root'),
            width: '1000px',
            language: 'en',
            onSave: (data) => {
                console.log('Page saved:', data);
                // Send to your backend
            }
        });
    </script>
</body>
</html>

QQ 配置

网络启动者也一样 cdtrStarter API作为通讯起步器. 主要的区别是:

说明: 网页引擎尚未发送预建的段落目录 (通讯的启动者 暴露英雄/团队/测试/页脚) (第2款). sections 目前为网络所空,并将作为 网页部分模板在 engines/web/sections。 。 。 .

发布

在网络频道 发布 按钮打开 SEO 模式,然后发布 打电话给你 onPublish 钩子,装货机还在,所以你可以自己运行 在用户看到成功卡前跟进. 见 普利什-霍克(签名) 签名, 如何信号 完成,以及 creaditor:publish 窗口事件.

如何建造它

这个包裹是薄薄的包装. 捆绑是从 @creaditor/core数字 :

cd ../../core && npm run build:web:starterkit
# outputs to core/web-starterkit-dist/, then copied into dist/ on publish

• 条目 : core/web.starterkit.index.js
• Webpack 配置 : core/webpack.web.starterkit.js

许可证

公务员制度委员会