在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富文本编辑器中集成错别字在线检测相关推荐

  1. iphone看python文件_Python实战 | 只需 ”三步“ 爬取二手iphone手机信息(转发送源码)...

    原标题:Python实战 | 只需 "三步" 爬取二手iphone手机信息(转发送源码) 本次实战是爬取二手苹果手机的信息,共爬取了300部手机信息,效果如下: 开发环境 环境:M ...

  2. 电视出现服务器无响应是怎么回事儿,电视运行卡顿无响应死机怎么办,只需三步让电视焕然一新!...

    原标题:电视运行卡顿无响应死机怎么办,只需三步让电视焕然一新! 智能电视运行时间过久,经常会发生卡顿无响应死机的情况,许多用户会觉得这是电视的问题,其实并不然.智能电视与手机电脑一样,平时需要使用者多 ...

  3. 简明教程:只需三步成功“硬刷”BIOS为SLIC 2.1完美激活Windows 7 / Vista / XP三大系统

    简明教程:只需三步成功"硬刷"BIOS为SLIC 2.1完美激活Windows 7 / Vista / XP三大系统 关于"硬刷"BIOS为SLIC 2.1,我 ...

  4. 计算机内存4g如何,电脑内存4G升到8G,只需三步,让你轻松搞定笔记本内存升级...

    今日看点:电脑内存4G升到8G,只需三步,让你轻松搞定笔记本内存升级 大家好,这期小编给大家讲讲怎么给笔记本升级电脑内存,小编现在用的是朋友的笔记本,小编发现朋友的笔记本的内存只有4GB.小编每次用p ...

  5. python发音机器人_只需三步,菜鸟也能用Python做一个简易版Siri

    原标题:只需三步,菜鸟也能用Python做一个简易版Siri 当下,各个手机厂商都陆续的推出了属于自己的智能手机机器人,像是苹果的Siri,小米的小爱,还有等等.这些智能机器人不仅仅方便了我们对于手机 ...

  6. 只需三步,完成图片批量分割

    我们在网络上浏览图片时,若加载一个大的图像,所需要的时间一般会很长.比如我们制作了一张大图或者长图,上传到网上,图片太大,加载时间过长,影响观感.普通的解决办法就是压缩图片,但是压缩图片会使图像质量受 ...

  7. 只需三步,不用下载Axure RP Extension for Chrome插件,即可看原型文件

    [本文参考]https://www.cnblogs.com/woods1815/p/9780683.html https://www.cnblogs.com/donglt-5211/p/9649768 ...

  8. 电脑运行时经常卡顿,只需三步就可以解决这个问题

    电脑运行时经常卡顿,只需三步就可以解决这个问题! 2018-08-19 18:40 来源:97视角 计算机作为互联网时代不可或缺的产物,很多人在使用它的时候都会出现各种各样的问题,例如打开某个软件或者 ...

  9. 富文本编辑器中空格转化为a_如何对富文本编辑器(FCK Html Editor)的工具栏进行扩展?...

    我们在项目开发过程中,会经常使用到富文本编辑器.GeneXus内置的富文本编辑器FCK Html Editor使用起来非常方便,只要将页面变量的控件类型(Control Type)选择为FCK Htm ...

最新文章

  1. 2017年薪酬最高的15门编程语言 GO夺冠
  2. python画图-Python数据可视化之画图
  3. 第11章:项目风险管理—章节重点
  4. Leetcode算法题(C语言)5--存在重复
  5. MySQL数据库的远程连接配置
  6. 华为上半年手机销量_2020年上半年华为发布的新手机盘点
  7. linux 安装org2pg_Ora2Pg的安装和使用
  8. 【2016.4.6】结对编程 第二章 基础设计
  9. 关于特效表现与资源优化
  10. 软件测试师的工作流程是什么?
  11. Redis server response timeout (3000 ms) occured for command: 错位主要是set数据超长了
  12. 真烂!史上最烂项目:骗了几百万欧元,苦撑 12 年,600万行代码
  13. OSPF中ABR与ASBR的区别?
  14. python:math模块的应用
  15. 博贤科技管理系统漏洞oday
  16. OpenShift和Kubernetes的10个最重要的区别
  17. 国产芯片也能玩的666,高性价比ADS8688给你崭新试界
  18. 下载安装cygwin(我后悔了应该装gow)
  19. 5G/NR,MCS与TBS的计算
  20. 基于移动应用的城市公共气象服务平台的设计与实现

热门文章

  1. 短视频营销是什么?为什么现在这么火?
  2. 运营好一个自媒体公众号,你还需要一个错别字检查工具
  3. App store 截图及视频尺寸要求
  4. 合工大 编译原理 实验三
  5. 来到亚信实习的适应期+笔录感想
  6. 武大 94 年博士年薪 201 万入职华为!学霸日程表曝光,简直降维打击!
  7. Windows如何备份电脑文件(Windows10为例)
  8. Microsoft Office Word、Excel 和 PowerPoint 2007 文件格式兼容包
  9. lay-verify 无效
  10. 高级碰撞检测及响应算法——碰撞检测