在CKEditor4中集成錯(cuò)別字在線檢測功能

?

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

?

第一步，增加一個(gè)錯(cuò)別字檢測按鈕：

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

第二步，給該按鈕增加響應(yīng)函數(shù)：

$("#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", 填寫需要檢查的文字內(nèi)容 字段二："mode", 固定值，填寫："advanced" 預(yù)留參數(shù)，固定值 字段三："biz_type", 固定值，填寫："show" 預(yù)留參數(shù)，固定值 字段四："username", 固定值，填寫："tester" 預(yù)留參數(shù)，固定值 "Cases":[{"Error":"新李","Tips":"\u003c拼音檢查\u003e","Sentence":"\u003cp\u003e有一位\u003cstrong\u003e新李\u003c/strong\u003e咨詢師說，","ErrInfo":"","Pos":14,"MarkType":44,"ErrLevel":1,"WordsLen":2}*/... ... ...全部的函數(shù)內(nèi)容請(qǐng)參考： http://jcjc.ac.cn

?

第三步，對(duì)返回的json結(jié)果進(jìn)行解析處理

?

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 );}

?

最后一步：是高亮處理，替換原始的內(nèi)容

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);

?

?

?

?

?

?

?

?

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。