天天看點

面試官:fastadmin中百度Ueditor編輯器怎樣增加數學公式的編輯

作者:黎明科技園

第一步:下載下傳數學公式插件Kityformula

下載下傳位址:https://www.aliyundrive.com/s/jrJHuWQMHcT

第二步:将該壓縮包解壓後放到你的fastadmin項目的/public/assets/addons/ueditor下面以及\public\assets\addons\ueditor\dialogs下面

面試官:fastadmin中百度Ueditor編輯器怎樣增加數學公式的編輯
面試官:fastadmin中百度Ueditor編輯器怎樣增加數學公式的編輯

第三步:修改/public/assets/addons/ueditor下面的ueditor.config.js

将該檔案toolbars中最後加入

"|",
 "kityformula",           
面試官:fastadmin中百度Ueditor編輯器怎樣增加數學公式的編輯

第四步:修改/public/assets/addons/ueditor下面的ueditor.all.js

修改其iframeUrlMap中最後一行加入

kityformula:"~/dialogs/kityformula-plugin/kityFormulaDialog.html"           
面試官:fastadmin中百度Ueditor編輯器怎樣增加數學公式的編輯

第五步:修改其/public/assets/addons/ueditor下面的ueditor.all.js

将btnCmds中最後一行加入kityformula

面試官:fastadmin中百度Ueditor編輯器怎樣增加數學公式的編輯

第六步:将kityformula-plugin檔案夾下面的addKityFormulaDialog.js中的所有内容複制粘貼到ueditor.all.js中大概第33349的位置處(最後)

面試官:fastadmin中百度Ueditor編輯器怎樣增加數學公式的編輯

第七步:将kityformula-plugin檔案夾下面的defaultFilterFix.js中的所有内容複制到ueditor.all.js中大概第13652的位置處

面試官:fastadmin中百度Ueditor編輯器怎樣增加數學公式的編輯

第八步:将kityformula-plugin檔案夾下面的getKfContent.js中的所有内容複制粘貼到ueditor.all.js中大概第8947行的位置處

面試官:fastadmin中百度Ueditor編輯器怎樣增加數學公式的編輯

第九步:将ueditor.all.js打包為ueditor.all.min.js傳到線上

這個時候清除項目緩存打開富文本編輯器就會看到已經可以插入公式了。

面試官:fastadmin中百度Ueditor編輯器怎樣增加數學公式的編輯
面試官:fastadmin中百度Ueditor編輯器怎樣增加數學公式的編輯

這裡打包方法小編就不做過多說明了,小編用的是nodejs的uglify壓縮的。

繼續閱讀