公式编辑器 -vue-formula-editor

原创 2024-09-11 14:38:54 3.1k 阅读 AI写同款

收录于

当前文章被以下社区和专栏收录：

码龄7年墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 3.1k累计阅读 3.2k平均单平台已同步平台优快云微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 →

118粉丝·53篇原创

关注

vue实现公式编辑器组件基于vue 开发公式编辑器 适应网站开发需求项目要求不可手动输入只能点击阅读详情

AI摘要

一款开源的Vue公式计算组件，vue-formula-editor帮助开发者快速集成公式编辑功能，适用于低代码平台等场景，提供便捷的可视化编辑体验。

前言

公式编辑旨在帮助用户使用可视化的前提，能便捷的使用平台，例如低代码平台使用广泛

在这里插入图片描述

vue-formula-editor

vue-formula-editor是一款开源的Vue公式计算组件，可以帮助开发者快速集成公式编辑

在线体验

demo & 源码
 gitee源码

安装

 npm i vue-formula-editor -S

效果展示

在这里插入图片描述

关注博主即可阅读全文

标签

#编辑器 #vue.js #前端

低代码平台工具 —— 公式编辑器 公式编辑器：公式编辑用于字段值来源于其他字段或是来源于函数计算结果都可由公式编辑来完成编辑器函数库事件监听。阅读详情

相关推荐

Vue3+codemirror6实现公式（规则）编辑器

vue3+codemirror6+ts实现公式编辑器，可以插入标签、公式，也有补全提示

小阮的笔记本 5043

vue富文本编辑器

Vue-Quill-Editor 主流富文本编辑器对比前言：vue中很多项目都需要用到富文本编辑器，在使用了ueditor和tinymce后，发现并不理想。所以果断使用vue-quill-editor来实现。 1.wangEditor（国产，基于javascript和css开发的web富文本编辑器，开源免费）优势：轻量简介，最重要的是开源且中文文档齐全。缺点：更新不及时。没有强大的开发团队支撑。 2.UEditor（百度）优势：插件多，基本曼度各种需求，由百度web前端研发部开发。缺点：插件提交较大，网页

JSN___的博客 828

低代码平台必备：5分钟学会用vue-formula-editor实现动态公式计算

本文详细介绍了如何在低代码平台中快速集成vue-formula-editor组件，实现前端动态公式计算。通过安装配置、字段与函数库定义，结合手动计算与自动监听两种模式，开发者能轻松将业务规则转化为可配置的公式，满足采购订单金额计算等场景需求，显著提升低代码平台的灵活性与开发效率。

m9n0o的博客 420

一个“非常简单”的Vue表达式编辑组件

嗯，，，又是一个公司的需求产生的想法😓😓为了配合后端使用的规则引擎，实现事件自动上报、状态自动更新等功能，需要在后台管理的页面上增加一个规则配置模块，其中涉及到设备属性、事件、自定义参数、且或非逻辑运算等多种配置元素。在外面找了一下没有找到符合界面设计和操作方式的开源库/组件，所以内部自己根据需求实现了一个简单的表达式编辑组件。总的来说，这个组件的功能看起来很复杂，但是核心逻辑其实很简单，只是需要处理好焦点在不同元素上时的事件绑定（现在这个组件的焦点判断也还有一点问题）。

梅花寺 3573

Vue3与codemirror6打造智能公式编辑器：从基础配置到实战应用

本文详细介绍了如何利用Vue3和CodeMirror6构建一个智能公式编辑器。从项目环境搭建、基础配置入手，逐步实现了变量标签插入渲染、函数高亮以及智能代码补全等核心功能，并最终整合成一个完整的规则编辑器界面，为后台管理系统中的复杂逻辑配置提供了高效、友好的解决方案。

weixin_29001655的博客 304

低代码平台中的公式编辑器：从技术选型到实战应用

本文深入探讨了低代码平台中公式编辑器的构建与应用。文章从业务需求出发，分析了公式编辑器在提升平台动态计算能力中的核心价值，并详细介绍了从技术选型（如Formulajs函数库、CodeMirror编辑器）到实战开发（包括变量解析、响应式计算）的全过程，最后分享了企业级应用场景与性能优化方案。

dapp9builder的博客 450

vue 一个公式 编辑器 组件

修改大佬的代码,原来是可以修改参数的,我这边要求不能手动修改参数

qq_45385505的博客 5026

Vue3与Handsontable构建高性能Web Excel编辑器

Web表格编辑是前端开发中的常见需求，其核心在于实现数据的动态响应与高性能渲染。Vue3的组合式API通过ref和reactive等响应式机制，为表格数据处理提供了灵活的组织方式，而Handsontable作为专业级表格库，则通过虚拟渲染技术解决了大数据量下的性能瓶颈。这种技术组合特别适合需要实时协作、复杂数据校验或与业务系统深度集成的场景，如CRM系统、财务对账平台等。通过Vue3与Handsontable的深度整合，开发者可以构建出性能媲美原生客户端的Web版Excel编辑器，支持公式计算、条件格式等高

weixin_33690367的博客 364

使用富文本的公式formula模块

项目场景：用富文本的公式模块做一个可以实现输入简单的公式显示功能问题描述：去网上找了些例子来看，发现富文本的公式模块要配合Katex使用，因为我自己的项目是用vue的脚手架的，就想着用npm安装，发现Vue-Katex这个插件可以用npm安装,就直接按照教程安装了，结果后面测试的时候第一次可以实现，后面就一直错了。下面记录一下我的使用。 1.安装Vue-Katex npm i vue-katex -P 2.在main.js引入 import VueKatex from 'vue-kate

W123456w11111的博客 1584

JavaScript公式编辑器实战：从LaTeX渲染到存储回显全解析

数学公式的在线输入是教育、科研等Web应用中的常见痛点，纯文本框无法表达分式与矩阵，而截图又不具备结构化能力。以LaTeX为代表的语法描述语言将公式转换为结构化文本，通过渲染引擎在浏览器中实时呈现。其中，KaTeX与MathJax是两大主流渲染引擎，前者渲染速度快、体积小，适合交互式编辑器场景；后者语法兼容性更强，更适用于文档批量渲染。在实际工程中，还需要解决公式数据以LaTeX源码存储、回显时调用渲染接口、导出为MathML或SVG等兼容性问题。本文基于JavaScript和KaTeX，从最小实现到常见踩

weixin_33866037的博客 342

vue+elmentui+ueditor +数学公式 编辑器。完整版

这个里面有获取编辑器内容和设置编辑器内容。两种方法，是以前上传的https://download.csdn.net/download/qq_33769914/10651952这个地址的整理。

网页编辑器粘贴Word公式自动转图片的控件

作为项目前端负责人，我需要解决用户从Word/Excel/PPT/PDF粘贴内容到UEditor时保留格式和图片的核心需求。

2501_90646449的博客 1213

疾病负担研究（GBD）介绍

今天我们来聊一聊第一个公共数据库——GBD数据库，全称叫做global burden of disease（全球疾病负担），该数据库每年都会更新，目前已经更新到GBD2019。这里直接给大家贴出网址：Global Burden of Disease Study 2019 (GBD 2019) Data Resources | GHDx 上图中红色圈圈标识的就是数据库的数据获取界面的链接，大家直接点击即可. 数据的检索十分方便： Context下拉菜单中可以选择不同的选项，默认是caus

weixin_44240228的博客 1万+

信创环境下富文本编辑器兼容Word公式的解决方案

富文本编辑器作为现代Web应用的核心组件，其剪贴板兼容性直接影响用户体验。在信创环境下，由于国产操作系统、浏览器与办公软件的差异，传统基于Windows生态的剪贴板数据处理机制面临挑战。通过分析OMML、MathML等数学标记语言的转换原理，结合Chromium内核的剪贴板API扩展，可以实现跨平台的公式粘贴兼容。特别是在政务云、在线教育等场景中，采用多格式数据解析策略和缓存优化技术，能有效解决WPS、永中Office等国产办公软件与Web编辑器的数据互通问题。本文以KaTeX和MathJax渲染引擎为例，

weixin_33739541的博客 476

第二次 PX4仿真环境搭建过程全记录

参考链接 https://blog.csdn.net/yanwumuxi/article/details/80097294 https://www.ncnynl.com/archives/201709/2013.html 一、安装依赖项我们使用Debian / Ubuntu LTS 作为Linux的标准支持版本，但是也支持Cent OS 和 Arch Linux的发行版本。权限设置警告：永远...

移步换景的博客 2261

ONNC Open Neural Network Compiler 开源神经网络编译器一个开源、模块化、可重用编译器算法和工具链的库，专门针对深度学习加速器（DLA）部署导入ONNX模型

ONNC是一个集合了开源、模块化、可重用编译器算法和工具链的库，专门针对深度学习加速器（DLA）。ONNC从底层开始构建，旨在将ONNX中间表示（IR）翻译成专有DLA代码。其软件架构设计强调可移植性和可重用性，从而简化了开发新后端的工作。上图展示了ONNC软件栈的顶层框图。软件栈从导入ONNX计算图模型到输出相应的硬件二进制文件，展示了各个功能块。

万有文的博客 1992

Halo 富文本编辑器 `@halo-dev/richtext-editor` 扩展开发完全指南

本文以 Halo 开源建站工具内置的默认富文本编辑器 `@halo-dev/richtext-editor`（位于 [ui/packages/editor](https://link.gitcode.com/i/dbda26c2dcb8eecfd621bd5513f3d25e)）为对象，系统讲解如何在 Halo 插件中安装、初始化该编辑器，并围绕 Tiptap 扩展体系深度定制顶部工具栏、工具箱、

gitblog_00994的博客 988

GLM-5.2模型自部署实战：如何通过量化与vLLM优化实现远超官方API的推理速度

在大模型应用开发中，模型推理速度是影响用户体验和系统性能的核心指标。其原理在于通过优化计算图、内存管理和并行计算来提升吞吐量与降低延迟。技术价值体现在能够为高并发、低延迟的实时应用提供稳定高效的AI服务能力，广泛应用于智能客服、代码生成、内容创作等场景。其中，模型量化通过降低权重精度（如INT4/INT8）来大幅减少显存占用和计算量，而推理引擎（如vLLM）则通过连续批处理和PagedAttention等技术最大化硬件利用率。本文聚焦于GLM-5.2模型，详细阐述如何通过量化技术与vLLM推理引擎的深度优化

weixin_29032337的博客 319

解锁amis全生态：从低代码框架到企业级工具链

amis作为前端低代码框架，通过JSON配置即可生成各类页面，极大降低了前端开发门槛。其核心优势在于： - **零前端技术要求**：无需掌握React/Vue等框架，通过JSON配置即可完成页面开发 - **120+内置组件**：覆盖表单、表格、图表等各类常用组件，一站式解决页面需求 - **完整业务闭环**：支持数据获取、表单提交、验证等全流程功能，无需二次开发官方文档详细介绍了amis的...

gitblog_00033的博客 794

生存网络与mlr3proba

通过结合生存网络和mlr3proba，可以使用生存网络模型来预测个体在给定时间点发生事件的概率，并使用mlr3proba提供的工具进行模型的训练、评估和选择最佳模型。iii）基本的机器学习（ML）方法，如重新排序和调整。在本文中，我们将只讨论前五种，因为它们在文献中得到了更好的建立，并且它们具有相同的接口，这简化了调优，我们将在下面看到。我们不会为模型指定自定义架构，而是使用默认架构，如果你熟悉PyTorch，那么你可以选择创建自己的架构，如果你愿意的话，通过将其传递给模型中的custom_net参数。

weixin_46587777的博客 1363

大疆FPGA/芯片开发工程师（A卷）笔试题（含详解）

大疆芯片开发岗A卷一、单选题 1.下列关于多bit数据跨时钟域的处理思路，错误的有 A、发送方给出数据，接收方用本地时钟同步两拍再使用 B、发送方把数据写到异步fifo,接收方从异步fifo里读出 C、对于连续变化的信号，发送方转为格雷码发送，接收方收到后再转为二进制 D、发送方给出数据，发送方给出握手请求，接收方收到后回复，发送方撤销数据 2.对12.918做无损定点化，需要的最小位宽是多少位，位宽选择11位时的量化误差是多少 A、12位，0.0118 B、13位，0.0039

Mr.翟的博客 2万+

国防项目博客如何通过源码修改实现Word公式在线编辑？

/ ckeditor自定义构建配置plugins: [MathType,// 其他插件...],toolbar: [// 其他工具栏按钮...],// 强制转换所有内容'mathToMathML', // Word公式 → MathML'imageTransparent', // 透明背景处理'removeRedundant' // 去冗余样式console.error('编辑器初始化失败:', error);});

2501_90646449的博客 434

52、基于格的具有解密密钥暴露抗性的可撤销（分层）身份基加密方案

本文提出了首个基于格的具有解密密钥暴露抗性（DKER）的可撤销分层身份基加密（RHIBE）方案。通过引入分层密文、分层解密密钥和级别转换密钥等创新工具，克服了格结构与传统密钥重新随机化属性不匹配的难题。该方案不仅支持可扩展的密钥撤销机制，还具备密钥委托功能，为后量子密码学领域的发展提供了新的思路和方法。

efc12345678的博客 123

信创环境下OA系统如何选择支持截图粘贴的网页编辑器？

作为项目前端负责人，我需要解决用户从Word/Excel/PPT/PDF粘贴内容到UEditor时保留格式和图片的核心需求。

2501_90646449的博客 969

PyQt（Python+Qt）学习随笔：PyQt界面派生类构造方法中super方法的使用

老猿Python博文目录专栏：使用PyQt开发图形界面Python应用老猿Python博客地址在《第15.7节 PyQt入门学习：PyQt5应用构建详细过程介绍》和订阅专栏《第二章、PyQt5应用构建详细过程介绍》中，老猿介绍界面派生类的构造方法如下： class MediaPlayerWin(QtWidgets.QWidget,Ui_UI_PlayerWin): def __i...

老猿Python 2711

NTscan扫描工具

ntscan是一个扫描器，可以扫描没有密码和弱密码的共享，先到配置文件中填写猜测的用户名和密码，扫描过程中右侧出现的是扫描日志。

doocs/md 微信 Markdown 编辑器语法实战：基础标记、LaTeX 公式、图表可视化与学术环境的完整指南

本篇技术指南以 doocs/md 编辑器内置的日语示例文档 [markdown.ja-JP.md](https://link.gitcode.com/i/3df36092491133d4afc77c1119a6843a) 为骨架，系统梳理这款微信 Markdown 编辑器支持的全部语法能力——从标题、列表、表格等基础标记，到 LaTeX 数学公式、Mermaid / PlantUML / Info

gitblog_01153的博客 428

蓝牙模块HM-10手册

蓝牙模块HM-10手册，该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

上一篇：低代码平台工具 —— 公式编辑器

Vue3+codemirror6实现公式（规则）编辑器

小阮的笔记本

02-07

5043