Vue Formula可视化公式编辑器
可视化编辑公式的工具你肯定用过不少，但像vue-formula.zip这么整合得体的还真不多。它的核心亮点是用了 CodeMirror 做代码高亮和提示，配合 iView 做表单展示，体验相当顺滑。
代码编辑器那块挺香，代码提示比较智能，写公式的时候能少打不少字。而且支持公式高亮，调试起来清爽多了。就算你不熟公式语法，也能靠公式向导一步步搭好，适合上手慢的同学。
整体结构比较清晰，核心逻辑都写在FormulaEditor.vue里，组件划分合理，改起来不费劲。你可以方便地拿来嵌到自己项目里，比如报表系统、参数配置页、甚至是教育类应用。
后面作者还打算加 公式验证 和 在线调试，可以期待一下。现在用起来已经挺顺手了，要是你项目里有公式输入的场景，这份代码绝对值得收藏。
对公式编辑感兴趣的话，可以顺带看看这些资料，蛮有意思的：MathWIM: HTML5 画布公式显示编辑、跨平台公式解析库、还有ActionScript 公式锦囊，思路都不太一样，参考价值挺高。
如果你正在搞一套公式编辑方案，不妨试试把vue-formula.zip拉下来跑跑看，接口清楚，改造成本不高。用着顺手了，也别忘了给项目点个 Star 嘿。
文件大小：111.53KB
评论区