在CKEditor4中集成錯別字在線檢測功能

?

JCJC錯別字檢測已經可以集成在各種編輯器中了，這篇文章主要用來講解如何與：CKEditor編輯器集成錯別字在線檢測功能。

?

第一步，增加一個錯別字檢測按鈕：

<input type="submit" id="btn_click_submit" value="JcJc檢查錯別字">

第二步，給該按鈕增加響應函數：

$("#btn_click_submit").click(function(){var content_raw ;content_raw = CKEDITOR.instances.editor.getData();var http_host = "";http_host = "http://?api.cuobiezi.net";//http_host = "http://?127.0.0.1:8235";//--------------------------var gb_endpoint = http_host + "/spellcheck/json_check/json_phrase";/**字段一："content", 填寫需要檢查的文字內容 字段二："mode", 固定值，填寫："advanced" 預留參數，固定值 字段三："biz_type", 固定值，填寫："show" 預留參數，固定值 字段四："username", 固定值，填寫："tester" 預留參數，固定值 "Cases":[{"Error":"新李","Tips":"\u003c拼音檢查\u003e","Sentence":"\u003cp\u003e有一位\u003cstrong\u003e新李\u003c/strong\u003e咨詢師說，","ErrInfo":"","Pos":14,"MarkType":44,"ErrLevel":1,"WordsLen":2}*/... ... ...全部的函數內容請參考： http://jcjc.ac.cn

?

第三步，對返回的json結果進行解析處理

?

function __process_cases(json_obj,len_total,content_raw){if (json_obj.successed == false){return}if ( isString( json_obj ) ){json_obj = JSON.parse( json_obj );}

?

最后一步：是高亮處理，替換原始的內容

CKEDITOR.config.font_defaultLabel = 'Arial';CKEDITOR.config.fontSize_defaultLabel = '16px';CKEDITOR.on( 'instanceReady', function( ev ) {ev.editor.window.$.document.body.style.fontFamily = "Arial";ev.editor.window.$.document.body.style.fontSize = "16px";});CKEDITOR.instances.editor.setData(new_conent_raw);

?

?

?

?

?

?

?

?

總結

以上是生活随笔為你收集整理的只需三步：在CKEditor4富文本编辑器中集成错别字在线检测的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。