用於 CKeditor 編輯器的視覺化數學公式外掛程式

2021-09-19 22:32:07 字數 1060 閱讀 8760

基於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引入

配置完後即可使用

本來我看著 www.jmeditor.com 上面的jmeditor編輯器可以用,很興奮,但是苦於作者長時間沒更新,我的ckeditor編輯器的介面和功能需要其他的東西,所以決定自己寫乙個,於是乎參考了一下jmeditor,發現它是基於ckeditor的,所以我寫的外掛程式就這麼成型了。 但是隨後我發現如果這個公式編輯器過長則生成的html**會把資料庫撐滿,於是乎我開始在尋找其他解決方案。

將公式只讓公式編輯器返回latex**,然後重新進行渲染。看了ckeditor官方的公式外掛程式就是這麼做的,但是他的插入公式部分需要手寫latex**。非常的不人性化。

在jsp中使用CKEditor編輯器

二 安裝ckeditor 解壓ckeditor 3.5.zip,得到ckeditor資料夾,將ckeditor整個資料夾複製到專案工程的根目錄下,即webroot下 三 驗證ckeditor是否安裝成功 部署執行專案,訪問 http localhost 專案名稱 ckeditor samples i...

強大的富文字編輯器 CKEditor

提到富文字編輯器,可能前端童鞋並不陌生。今天我要推薦的富文字編輯器就是 ckeditor 趁著最近專案的使用熱勁,整理一些實用筆記,以備不時之需。一 快速構建 二 簡單使用 123 4567 891011 1213 1415 1617 1819 20 三 關於外掛程式 四 ckeditor 獲取 d...

為ckeditor編輯器新增行距功能

具體做法是新增外掛程式 在目錄 ckeditor plugins 下新增外掛程式目錄 lineheight 目錄 ckeditor plugins lineheight 下的檔案截圖如下 然後需要對 ckeditor config.js檔案進行修改,即新增行距外掛程式 config.extraplu...