https://blog.csdn.net/hshuaile/article/details/86079147

例如,我想在公式中使用"▱"符号,但是现有公式插件不支持输入,所以需要扩展,扩展步骤如下

在网上找到"▱"符号,并起一个名字,例如叫parallelogram
打开kity-formula-render.all.js文件,找到 如下代码
/*!
* 字体主文件
*/
_p[29] = {
value: function() {
return {....}
1
2
3
4
5
6
在map中加入parallelogram: "▱",
打开kityformula-editor.all.min.js文件, 找到b[30],将如下代码填进去
"\\parallelogram": {
x: 1041,
y: 407
},
1
2
3
4
x, y 是坐标,自己计算一下, 每移动一个图标,大概增加37
类比人家已经存在的图标, 例如"blacksquare", 通过control + f找到所有的"blacksquare", 在所有的"blacksquare"后面加上"parallelogram"
最后一步,修改assets/images/toolbar/char.png, 将你的图标填到上面去, 填上去的坐标自己计算,也就是第三步的坐标。
刷新页面,重新加载ueditor编辑器。
写在最后,我没有仔细看他的代码,因为太多了,而且还有.min.js文件,但确实是扩展成功了,如果各位有什么其他的好办法,欢迎评论。
————————————————

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

原文链接:https://blog.csdn.net/hshuaile/article/details/86079147

扩展ueditor中公式插件kityformula的字符集的更多相关文章

  1. 百度编辑器UEditor与UEditor 公式插件完整Demo

    1.下载UEditor(我的是.net项目) 2.下载UEditor公式插件 3.新建解决方案和项目 4.在浏览器中预览index.html页面 结果: 5.index.html源码 <!DOC ...

  2. 为WLW开发Latex公式插件

    WLW是写博客的利器,支持离线.格式排版等,而且拥有众多的插件.博客园推荐了代码插入插件,但是没有提供WLW的公式编译插件.目前我的一般做法是:先在Word下使用MathType编辑好公式,然后将公式 ...

  3. 利用jQuery来扩展一个瀑布流插件

      简单了解jQuery.fn.extend() jQuery.fn.extend()函数用于为jQuery扩展一个或多个实例属性和方法(主要用于扩展方法). (截图来自jQuery文档) 为了更清晰 ...

  4. Phonegap中自定义插件的使用

    在phonegap中需要实现特定相关的功能,可能需要自定义扩展一下功能,那么扩展phonegap组件就成为了可能. 源代码结构图: 本文目的在于讲述怎么扩展一个phonegap组件以及实现. 针对ph ...

  5. 从web编辑器 UEditor 中单独提取图片上传,包含多图片单图片上传以及在线涂鸦功能

    UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码.(抄的...) UEditor是非常好用的富文 ...

  6. 在C#程序中实现插件架构

    阅读提示:这篇文章将讲述如何利用C#奇妙的特性,实现插件架构,用插件(plug-ins)机制建立可扩展的解决方案. 在.NET框架下的C#语言,和其他.NET语言一样提供了很多强大的特性和机制.其中一 ...

  7. 关于Eclipse中开发插件(二)

    原plugin.xml文件各个设置项的说明: 附上生成的文件代码: <?xml version="1.0" encoding="UTF-8"?> & ...

  8. eclipse中svn插件的安装

    Svn(Subversion)是近年来崛起的版本管理工具,在当前的开源项目里(J2EE),几乎95%以上的项目都用到了SVN.Subversion项目的初衷是为了替换当年开源社区最为流行的版本控制软件 ...

  9. jQuery中开发插件的两种方式

    jQuery中开发插件的两种方式(附Demo) 做web开发的基本上都会用到jQuery,jQuery插件开发两种方式:一种是类扩展的方式开发插件,jQuery添加新的全局函数(jQuery的全局函数 ...

  10. UEditor的jQuery插件化

    UEditor本身并不依赖jQuery,但如果在项目中同时使用两者的话,可能会希望使用jQuery语法创建和获取编辑器实例.为此,需要为jQuery编写插件,代码如下: (function ($) { ...

随机推荐

  1. Exception in thread "main" org.apache.ibatis.exceptions.PersistenceException: 解决办法

    Exception in thread "main" org.apache.ibatis.exceptions.PersistenceException: 线程"main ...

  2. vue.js+vuetify学习开发排坑:一个古怪的代码 v-slot:activator="{ on, attrs }"

    由于需要全栈开发一个售票系统项目,时隔一年后重新捡回了我的前端技术~ 开发习惯是边看文档边做,然后再vuetify这个MD设计的UI元件库翻来翻去,再涉及到元件交互的时候有几段代码不是很能理解 < ...

  3. TypeScript实用类型之Omit

    概述 TypeScript Utility Types(实用工具类)包含一系列预定义的类型,用于简化类型操作,善用这些类型可以让我们的代码更加简洁优雅,今天来学习一下Omit类型.Omit类型可以优雅 ...

  4. ArkUI-X应用工程结构说明

    简介 本文档配套ArkUI-X,将OpenHarmony ArkUI开发框架扩展到不同的OS平台,比如Android和iOS平台,让开发者基于ArkUI,可复用大部分的应用代码(UI以及主要应用逻辑) ...

  5. 激活数据价值,探究DataOps下的数据架构及其实践丨DTVision开发治理篇

    据中国信通院发布,2012年到2021年10年间,我国数字经济规模由12万亿元增长到45.5万亿元,在整个GDP中的比重由21.6%提升至39.8%.顺应时代发展新趋势,"数据"成 ...

  6. java基础--抽象类、接口

    final(最终.修饰符) ## final关键字的用法: 1. final关键字修饰一个基本类型的变量时,该变量不能重新赋值,第一次的值为最终的. 2. fianl关键字修饰一个引用类型变量时,该变 ...

  7. CF2064E Mycraft Sand Sort 题解

    CF2064E Mycraft Sand Sort 第一次一眼秒了一道 E,但是被人均六分钟 C 题硬控一小时,未能写完,遗憾离场,特此纪念. 考虑第一列,无论排列 \(p'\) 是什么样子,第一列一 ...

  8. shell 一下子创建多个 led文件

    #!bin/bash seq -f "led%0g" 0 110| xargs mkdir for((i = 0;i<36;i++)) do led="led&qu ...

  9. respberry pi VNC 连接设置

    网上说的很简单.奈何一直没有成功.很心塞塞~~~ 首先我下载的app是: VNC viewer 使用的address Book 奈何都没成功. https://www.raspberrypi.org/ ...

  10. 软件libtool错误解决方案

    libtool: error: 'pulsecore/ffmpeg/libpulsecore_foreign_la-resample2.lo' is not a valid libtool objec ...