用于 CKeditor 编辑器的可视化数学公式插件-CSDN博客
用于 CKeditor 编辑器的可视化数学公式插件
最新推荐文章于 2024-04-24 09:22:16 发布
weixin_34400525
阅读量3.6k 收藏 2 点赞数 1 文章标签： javascript 数据库 ViewUI 原文链接：
https://yq.aliyun.com/articles/669039
版权
基于CKeditor编辑器的可视化的数学公式编辑器，可以返回数学公式。
将 CKeditor编辑器的config.js打开，在
CKEDITOR.editorConfig = function( config ) {};
里面添加
config.extraPlugins = 'jdmath';
config.allowedContent = true;
然后在最后加入
CKEDITOR.config.contentsCss = '/ckeditor_4.7.3_full/ckeditor/plugins/jdmath/mathquill-0.10.1/mathquill.css';
以上是你编辑器的可视化部分，下面开始配置你的用户看到的页面的代码。 在客户看的页面添加css引入
<link rel="stylesheet" href="你的CKeditor路径/plugins/jdmath/mathquill-0.10.1/mathquill.css">
配置完后即可使用
本来我看着 
www.jmeditor.com
 上面的JMEditor编辑器可以用，很兴奋，但是苦于作者长时间没更新，我的CKeditor编辑器的界面和功能需要其他的东西，所以决定自己写一个，于是乎参考了一下JMEditor，发现它是基于CKeditor的，所以我写的插件就这么成型了。 但是随后我发现如果这个公式编辑器过长则生成的HTML代码会把数据库撑满，于是乎我开始在寻找其他解决方案。
方案一
将公式只让公式编辑器返回LaTeX代码，然后重新进行渲染。看了CKeditor官方的公式插件就是这么做的，但是他的插入公式部分需要手写LaTeX代码。非常的不人性化。
config.js代码参考
CKEDITOR.editorConfig = function( config ) {
};
本文来自云栖社区合作伙伴“开源中国”
本文作者：达尔文
原文链接
优惠劵
关注
点赞
觉得还不错?
一键收藏
知道了
评论
基于CKeditor编辑器的可视化的数学公式编辑器，可以返回数学公式。将 CKeditor编辑器的config.js打开，在CKEDITOR.editorConfig = function( config ) {};里面添加config.extraPlugins = 'jdmath';config.allowedContent = true;...
复制链接
扫一扫
CKeditor
数学公式
编辑器
插件
.rar
05-24
CKEditor
官网给出的
商店里提供了几款
公式
，大概比较一下：
Equation Editor : 功能花哨，
生成
图片，关键是存储在服务器端的。 Math Editor ：最近更新2013年，没配置成功 WIRIS - Math & science ...
【数学】
器分享
love131452098的博客
06-23
1882
网页版工具分享，
用于
简单的
: LaTex
参与评论
您还未登录，请先
登录
后发表或查看评论
html
可视化
编辑,
mathquill: MathQuill 是一个
JavaScript
库，实现了纯 HTML、CSS 和
JS
的所见即所得的
编辑。 - 木兰确实...
weixin_30582943的博客
06-07
1130
MathQuill is a web formula editor designed to make typing math easy and beautiful.The MathQuill project is supported by its partners. We hold ourselves to a compassionate Code of Conduct.MathQuill is ...
MathQuill - 简化数学表达式的在线
gitblog_00014的博客
03-14
332
MathQuill 是一个易于使用的
库，
在网页上创建、编辑和显示
。这个项目的目标是为用户提供一种简单的方法，以便在网页中快速地创建数学表达式。
使用场景
无论您是在编写科学论文、教育网站、在线教程还是进行数学演示，MathQuill 都可以为您提供所需的工具。您可以使用它来：
在网页上实时编辑复杂的
。...
三款
工具，帮你学会
正则表达式
前端老王
06-11
835
最近老王对
非常着迷。
例如，算法
、正则
、Vue 数据劫持
…
程序的运行过程是看不见摸不着的，如果能够全部实现
，那么理解难度将会大幅度减小。
正则
工具
https://jex.im/regulex
https://regexper.com (网络需自由)
https://aoxiaoqiang.github.io/reg （替代工具）
https://www.debuggex.com
常见正则表达式
以下图片由https://jex.im/regule
vue项目中富文本-quill-editor的使用
晚星的博客
03-21
3617
1.基本使用步骤：
1.1安装
npm install vue-quill-editor
1.2局部注册
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
import { quillEditor } from 'vue-quill-editor'
export default
Web开发的富文本
介绍,Django有库
ckeditor
_uploader对它进行支持,django-
安装方法及使用注意事项
昊虹AI笔记
07-13
4770
_uploader对它进行支持
5 经验总结 (SpringBoot项目)
BinziD的博客
07-21
2800
SpringBoot
富文本
ck-editor5 的使用
热门推荐
LueLueLue77的博客
12-05
1万+
最近在项目中需要用到富文本
，据说ck-editor5很不错，于是就使用它了，不过在期间也遇到了很多问题，这里记录下。一、引入ck-editor5文档地址：Predefined builds -
5 Documentation这里有个坑，我最初是根据文档执行下面的npm命令下载的，最后捣腾了半天发现里面功能不全，就是一个简单版本的ck-editor所以不推荐使用
推荐引入方式： 自定义配置自己所需要的功能
build文件然后在项目中引入自定义配置地址：
5 Onl
源码
01-05
编辑
编辑 所见即所得 操作方便
网页
v4.5.6.rar
07-10
是f
了一个升级版本，用过f
的站长都知道,由于其打开速度的不理想把f
网站做为在线
并不是明智的选择，
正好弥补了这一缺陷，
...
04-26
开发的
，实现
在线数学符号编辑功能。 配置
部分如下： toolbar : [['Image','formula']], extraPlugins : 'formula',
行高
10-30
永远免分,尽情下载吧伙伴们
一个小时学习
javaScript
weixin_43064364的博客
04-20
921
是一种广泛使用的编程语言，最初被设计来增加网页的交互性，让用户能够与网页上的元素进行互动。自从1995年被引入以来，
已经发展成为Web开发中不可或缺的一部分，并且其用途已经大大扩展到了网页之外。
vue2---修饰符
最新发布
weixin_45503872的博客
04-24
996
此时有一个问题，如果我们设置了系统修饰符，并不希望有其他的按键组合，比如我们设置ctrl修饰符，此时如果按住ctrl和其他键，然后再点击鼠标，此时也会触发事件监听，所以我需要使用其他的修饰符来设置精确匹配事件。此时People的data返回的是一个对象，不是一个地址，每一个实例拿到的都是个独立，个体的对象，互相不会数据冲突，这个就是vue组件data为什么是函数的原因。data是一个函数，返回的是一个对象，目的是为了让每个组件数据隔离，这个是
的原理，并不是vue去设计的。
高性能编程 —— Data Access 数据访问
cccloveforever的博客
1512
经典计算机科学的一个问题是确定数据应当存放在什么地方，以实现最佳的读写效率。数据存储在哪里， 关系到代码运行期间数据被检索到的速度。在
中，此问题相对简单，因为数据存储只有少量方 式可供选择。正如其他语言那样，数据存储位置关系到访问速度。每一种数据存储位置都具有特定的读写操作负担。大多数情况下，对一个直接量和一个局部变量数据访 问的性能差异是微不足道的。访问数组项和对象成员的代价要高一些，具体高多少，很大程度上依赖于浏 览器。
JEECG表格选中状态怎么去掉
weixin_39031037的博客
04-19
579
官网代码（在取消选中状态的时候不生效）
vue 实现级联选择器功能
清音的博客
04-22
491
数组包含了级联选择器的数据源，其中每个对象表示一个选项，包括。组件来实现级联选择器功能,下面是一个示例代码，演示如何使用。组件初始化级联选择器，并设置默认值为单位。对象
指定数据结构中的属性名，以便。上，可以在初始化时选中指定的值。使用 Element UI 的。中设置初始选中值为单位。组件正确地解析数据。
中去除p标签
06-08
要在
中去除 p 标签，可以通过以下步骤实现：
1. 打开
的配置文件，找到 config.
js
文件。
2. 在文件中添加以下代码：
```
CKEDITOR
.editorConfig = function( config ) {
// 去除 p 标签
config.enterMode =
.ENTER_BR;
config.shiftEnterMode =
3. 保存文件并重新加载
即可。
这样配置后，
中输入回车键将会
`<br>` 标签而不是 `<p>` 标签。注意，这样配置可能会对
的其他功能产生影响，需要根据具体情况进行调整。
“相关推荐”对你有帮助么？
非常没帮助
没帮助
一般
有帮助
非常有帮助
提交
CSDN认证博客专家
CSDN认证企业博客
码龄8年
暂无认证
140
原创
周排名
42万+
总排名
133万+
访问
等级
8007
积分
5495
粉丝
229
获赞
16
1543
私信
热门文章
Python 实现简单的登录注册界面
25674
如何下载网页所有资源（附源码）
15084
mac os 环境下配置VMware Fusion虚拟机的互通网络
14590
.html文件调用接口示例
12944
使用element-ui中的table中的合计行的show-summary方法总结
12279
最新评论
Latex 附录生成方法-附使用的一些tips
2401_83366344:
有一点点要指出，如果是在overleaf 中的话生成附录的指令是\appendixname，效果就单单是在附录内容前面出现一个附录俩字
小技巧：VMware workstation克隆RHEL6.0及以上版本后网卡无法加载问题
2401_83931063:
可以幫我看我的VM文檔嗎
网络数据包捕获函数库Libpcap安装与使用（非常强大）
惆怅大烤鸭:
/usr/bin/ld:找不到lipbcap: 没有那个文件或目录
C# 之 反射性能优化3
Kismy:
博主您好，CodeDOM方法中，您说能够实现直接调用代码，怎么个直接调用法？其次，如果每调用一次都要编译，那速度岂不是更慢？
STM32F103控制两个步进电机按照一定转速比运动
weixin_44268255:
怎么控制两个步进电机互不干扰的运转啊
最新文章
从C# 3.0说以人为本（三）—— 扩展方法
树莓派练习程序（雨水检测）
VC窗口抖动源码
2019年
399篇
2018年
700篇
2017年
943篇
2016年
528篇
2015年
406篇
2014年
337篇
2013年
320篇
2012年
240篇
2011年
204篇
2010年
162篇
2009年
130篇
2008年
84篇
2007年
67篇
2006年
25篇
2005年
2004年
3篇
目录
被折叠的 
 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
祝福语
请填写红包祝福语或标题
红包数量
红包个数最小为10个
红包总金额
红包金额最低5元
余额支付
当前余额
3.43
前往充值 >
需支付：
10.00
取消
确定
下一步
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝
规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额
抵扣说明：
1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。
余额充值