【源码】基于 React 的 whistle 规则编辑器

项目简介

本项目是基于 React 开发的 whistle 规则编辑器，具备可视化界面，可用于编辑和管理 whistle 规则及其 Values。用户通过简单配置，就能便捷地创建、编辑和保存规则，有效提升使用 whistle 的效率。

项目的主要特性和功能

1. 可视化编辑：提供直观界面，方便编辑和管理 whistle 规则。
2. 多种编辑器模式：支持规则、HTML、JS (pac|jsx|json)、CSS、MD 等多种模式，满足不同使用需求。
3. 插件支持：可添加插件，为编辑器提供如规则自动提醒等额外功能。
4. 自定义配置：支持自定义编辑器样式、字体大小和主题等。
5. 内容改变触发：提供 onChange 事件，便于在内容改变时执行相关操作。

安装使用步骤

假设已下载本项目的源码文件，按以下步骤操作： 1. 安装依赖：在项目根目录下执行 npm i -D whistle-editor 命令。 2. 引入组件：在项目里引入 Editor 组件，并配置相应属性和事件。 3. 运行项目：执行 npm run dev 命令构建项目，之后用 Chrome 浏览器打开 dist/test.html 查看效果。 4. 开发测试：修改代码后手动刷新页面进行开发和测试。 5. 发布：执行 npm run dist 命令构建生产版本，接着执行 npm publish 命令发布到 npm 仓库。

注：具体使用方式可参考项目文档或源码中的示例代码。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】