华文融媒云校对系统

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="keywords" content=""/> <meta name="description" content=""> <title>华文融媒云校对系统</title>  <script src="./js/jquery-2.1.1.min.js"></script> <script src="./js/layer_v3.1.1/layer.js"></script> <script src="//res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> <link href="/css/bootstrap.min.css" rel="stylesheet"/> <link href="/css/main.css" rel="stylesheet"/> <style type="text/css"> .showinfo{ display:none; left:1px; top:1px; width:250px; min-height:53px; padding:10px; color:#000000; background:#CCCCCC; position:fixed; z-index:999999; border: 1px solid #5e4e3f; padding: 12px 12px; background: #fff; border: initial; box-shadow: 0 0 7px 0 rgba(0,0,0,.3); border-radius: 6px; box-sizing: border-box; color: #323235; } .changeword{ background-color: #1978f0; white-space: normal; padding: 3px 8px 4px; border: none; background-color: #45a8fc; color: #fff; margin: 0 8px 8px 0; border-radius: 4px; cursor: pointer; font-size: 14px; font-weight: 600; text-decoration: none; text-transform: none; min-height: 15px; line-height: 20px } .wubao{ background-color: #9E9E9E; white-space: normal; padding: 3px 8px 4px; border: none; color: #fff; margin: 0 8px 8px 0; border-radius: 4px; cursor: pointer; font-size: 14px; font-weight: 400; text-decoration: none; text-transform: none; min-height: 15px; line-height: 20px } .mistake-count-container { color: #f91a47; display:none; } .no-errors{ color: #10a66e; display:none; } .take-time{ color: #10a66e; display:none; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: none; border-color: transparent; } .btn-post{ background-color: #1978f0; color: #fff; font-weight: 400; } .btn-post:hover{ background-color: #3388f3; color: #fff; } .btn-post:active,.btn-post:focus,.btn-post:visited,.btn-post:active:hover{ background-color: #3388f3; border-color: #1978f0; color: #fff; } .footer li{ list-style: none; } .footer ul{ padding:5px 5px; } </style> <script type="text/javascript" language="javascript"> var uuid = ""; var content = ""; var taketime = 0; var timer; function getresult() { if(taketime>0){ taketime=taketime-1; $('.time-count').html(taketime); }else{ $('.take-time').html("耗时超过预期，请耐心等待片刻"); } var url = "./result.php"; $.post(url,{uuid:uuid}, function (data) { //console.log(data); if (data.length > 0 && data[0]=='1') { $('.take-time').hide(); $(".btn-post").removeAttr("disabled"); $(".btn-post").val('校对'); clearInterval(timer); console.log("关闭定时器"); var arr = data[1]; //console.log(arr); var count = arr.length; if(count == 0 ){ $('.no-errors').show(); $('.mistake-count-container').hide(); return; } var leftstr = content; var laststart =0; var newstr=''; var wcount =0; var objectArraySort = function (keyName) { return function (objectN, objectM) { var valueN = parseInt(objectN[keyName]) var valueM = parseInt(objectM[keyName]) if (valueN < valueM) return -1 else if (valueN > valueM) return 1 else return 0 } } //arr.sort(objectArraySort(2)) for(i=0;i<arr.length;i++) { var info = arr[i]; var str = info[0]; var right = info[1]; var id = 'mk'+i; var end = info[3]-laststart; if(end>=str.length){ var dostr = leftstr.slice(0,end); newstr = newstr+dostr.replace(str, "<mk id='"+id+"' data-right='"+right+"'>"+str+"</mk>"); leftstr = leftstr.slice(end); laststart = info[3]; wcount++; } } $('.mistake-count').html(wcount); $('.no-errors').hide(); $('.mistake-count-container').show(); newstr = newstr +leftstr; $(".editor_textarea").html(newstr); for(i=0;i<arr.length;i++) { var id = '#mk'+i; $(id).undelegate(); $(id).click(function(e){ var toppos = e.pageY+24; var leftpos = e.pageX; var clientWidth = document.body.clientWidth; if(e.pageX+250>clientWidth){ leftpos = e.pageX-(e.pageX+250-clientWidth)-10; } var name = $(this).data('right'); //通过data来获取数据 $(".rightword").html(name); $(".rightword").removeAttr("data-id"); $(".rightword").attr("data-id",e.target.id);//100 $(".showinfo").css({top:toppos,left:leftpos}).fadeIn(100); //alert(name); }); } layer.open({ title: '华文校对' ,content: '发现 '+wcount+' 错误，您可人工再检查一遍，是否有系统未校对出的错误。' }); } }, "json"); } function Post() { $(".btn-post").attr("disabled","true"); $(".btn-post").val('校对中..'); $('.no-errors').hide(); $('.mistake-count-container').hide(); //预处理空格空行 var applestr = $(".editor_textarea").html(); applestr = applestr.replace(/<mk.*?">/g,''); applestr = applestr.replace(/<\/mk>/g,''); if (applestr == '') { alert('没有内容！'); return; } if(applestr.length>1000){ $('.take-time').show(); taketime = parseInt(applestr.length/500); $('.time-count').html(taketime); } $(".editor_textarea").html(applestr); content = applestr; var url = "./save.php"; $.post(url,{content:applestr}, function (data){ uuid = data.uuid; console.log("创建定时器"); timer =setInterval(function(){ console.log(111); getresult() },1000) } , "json"); } </script> <style> .page--background { min-height: 600px; height: 62vh; position: absolute; z-index: -1; top: 0; right: 0; left: 0; } :root { --var-wavy-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath stroke-width='3' fill='none' stroke='%23E14123' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E"); --var-spellcheck-way-opacity: 1; } mk{ background: #fce294; width: auto!important; position: relative; display: inline-block; text-indent: 0!important; } mk:before{ content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 0.35em; opacity: var(--var-spellcheck-way-opacity); background: var(--var-wavy-svg) repeat-x 0 100%; background-size: 0.5em 0.2em; } mk:hover{ cursor:pointer } ck{ background: #10a66e; } .page--background { background: #1978f0 url('./css/elements.svg') -80px -54px repeat; } .welcome-editor-wrapper { margin: 30px 0 0; border-radius: 8px; overflow: hidden; box-shadow: 0 20px 40px rgba(0, 0, 0, .2) } .welcome-editor { width: 100%; margin: 0; background: #fff; color: #2f3237; display: flex; flex-direction: column; height: 44vh; min-height: 420px } .welcome-editor__header { display: flex; flex-direction: row; justify-content: space-between; padding: 0 20px; min-height: 60px; align-items: center; border-bottom: 1px solid #f1f3f9 } .lt-textarea { position: relative; z-index: 1; flex: 1; } .lt-textarea__placeholder, .editor_textarea { padding: 14px 20px; line-height: 1.75; text-align: left; } [contenteditable]:focus { outline: none; } .welcome-editor__footer { min-height: 60px; box-sizing: border-box; padding: 10px 20px; border-top: 1px solid #f1f3f9; position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; background: #fff; font-size: 14px; transition: background-color .5s, border-top-color .5s; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px } .editor_textarea { position: absolute !important; right: 0; left: 0; bottom: 0; top: 0; overflow-y: auto; scroll-padding: 20px 0; box-sizing: border-box } .lt-textarea__placeholder { position: absolute; left: 0; right: 0; top: 0; color: #5e636e; z-index: -1; } .welcome-editor__actions { display: flex; margin-right: -8px; } .share-weixin{ cursor: pointer; padding-left: 36px; height: 36px; font-size:15px; background: url(./img/weixin.png) 0 0 no-repeat; } </style> </head> <body> <div class="page--background"></div> <div class="navbar navbar-default"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="index.php">华文融媒云校对系统</a> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right"> <li><a target="_blank" href="./file/jiucuo_1.1.9.2.exe">word校对插件下载</a></li> <li><a target="_blank" href="./华文融媒云校对系统使用说明.doc">使用说明</a></li> <li><a href="add.php">录入词库</a></li> <li><a href="login.php">登陆</a></li> </ul> </div> </div> </div> <div class="container"> <div class="row"> <div id="list_id" align="center" style="padding: 0 20px;"> <h2 style="text-align: center; color:#ffffff;line-height: 45px;">华文融媒云<br>文稿在线校对</h2> <p style="text-align: center; color:#ffc107;">欢迎免费使用</p> <p style="text-align: center; color:#ffffff;">校对完成后，请点击红色波浪线标示处，查看推荐词汇</p> <p style="text-align: center; color:#ffffff;max-width: 500px;"><span>尊敬的用户您好，为了更好的体验校对效果，若有您人工发现、手动修改的错词，望能录入错词词库，以便今后系统能自动查验校对，谢谢您！</span></br><button type="button" class="btn btn-w-m btn-default" id="open_btn">错词录入</button></p> <div style="text-align: center; color:#ffffff;"><span>分享到：</span><span title="分享到微信" class="share-weixin"></span> </div> <div class="welcome-editor-wrapper"> <div class="welcome-editor"> <div class="lt-textarea"> <div class="lt-textarea__placeholder">请输入或粘贴您要校对的文本，然后点击“校对”按钮 …</div> <div class="editor_textarea" contenteditable="true"></div> </div> <div class="welcome-editor__footer"> <div class="status"> <div class="mistake-count-container">检测到 <span class="mistake-count">?</span> 处需要核对修改词组</div> <span class="no-errors">很棒。没有检查到错误</span> <span class="take-time">您提交的为长文本，请耐心等待，预计耗时 <span class="time-count">?</span> 秒</span> </div> <div class="operate"> <input type="button" class="btn btn-post" value="校对" onclick="Post()"/> </div> </div> </div> </div> </div> <div class="showinfo"> <b>推荐</b>：<span class="rightword" data-id=""></span> <span class="changeword" title="点击修改为推荐词组">修改</span> <span class="wubao" title="点击忽略将不作修改">忽略</span> </div > <textarea id="articlebody" style="display:none;" name="articlebody"></textarea> <div id="result_id"> <span class="label important" style="display: none;" id="try_this">Try this:</span><br/> <div id="answer"> </div> </div> </div> <footer class="footer"> <hr> <ul class="text-center"> <li>电话(工作日)：010-62978088 0736-7777901(客服)</li> <li>手机(24小时)：15611246194(周) 18175630731(戴)</li> <li>微信：hwrm01 QQ: 704190393 邮箱：704190393@qq.com</li> <li><a href="http://www.beian.miit.gov.cn/" target="_blank">京ICP备12019430号-7</a></li> </ul> </footer> <div id="imgDiv" style="display: none"></div> <div class="col-sm-12" style="display:none;" id="show_div"> <p style="text-align: center;"><br>格式(一行一条,错词在前正确词在后#井号分割) <br>例如: 兴高彩烈#兴高采烈</p> <form class="m-t" id="commentForm" novalidate="novalidate"> <div class="form-group"> <textarea id="ccomment" name="comment" class="form-control" required="" aria-required="true"></textarea> </div> <br> <div class="form-group" align="center"> <button class="btn btn-primary" id="saveciku" type="button">提交</button> </div> </form> </div> </div> <script src="/js/jquery.min.js"></script> <script src="/js/bootstrap.min.js"></script> <script> document.querySelector('div[contenteditable="true"]').addEventListener("paste", function (e) { e.stopPropagation(); e.preventDefault(); var text = '', event = (e.originalEvent || e); if (event.clipboardData && event.clipboardData.getData) { text = event.clipboardData.getData('Text');//text/plain } else if (window.clipboardData && window.clipboardData.getData) { text = window.clipboardData.getData('Text'); } text = $.trim(text) if (document.queryCommandSupported('insertText')) { document.execCommand('insertText', false, text); //document.execCommand("insertHTML",false,$('<div/>').text(text).html()); } else { document.execCommand('paste', false, text); } }); $(function(){ var articlebody = $('#articlebody').val(); if(articlebody!=''){ $(".lt-textarea__placeholder").hide(); $(".editor_textarea").html(articlebody); Post(); } }); //页面加载完毕后触发事件 $(".editor_textarea").bind('input propertychange', function () { $(".lt-textarea__placeholder").hide(); }); $(document).click(function(e){ var tagName = e.target.tagName; //console.log(tagName); if(tagName!='MK') { $(".showinfo").hide(); } }); $(".showinfo").click(function(event){ event.stopPropagation(); }); $(".changeword").click(function(){ var id = $(".rightword").attr("data-id"); var rightword = $(".rightword").text(); var count = $('.mistake-count').text(); count = parseInt(count)-1; if(count>0){ $('.mistake-count').html(count); }else{ $('.no-errors').show(); $('.mistake-count-container').hide(); } $('#'+id).after('<ck>'+rightword+'</ck>').remove(); $('#'+id).undelegate(); $(".showinfo").hide(); }); $(".wubao").click(function(){ var id = $(".rightword").attr("data-id"); var rightword = $('#'+id).text(); var count = $('.mistake-count').text(); count = parseInt(count)-1; if(count>0){ $('.mistake-count').html(count); }else{ $('.no-errors').show(); $('.mistake-count-container').hide(); } $('#'+id).after(rightword).remove(); $('#'+id).undelegate(); $(".showinfo").hide(); }); </script> <script src="./js/jquery.qrcode.min.js"></script> <script src="./js/site.js?1235"></script> </body> </html>

CINXE.COM

华文融媒云校对系统