添加隐藏答案功能

EBook.Web/Common/tasklib_book.css

@@ -1,5 +1,5 @@
 body {text-align:left;}
-p{word-break: break-word;word-wrap: break-word;clear:both;}
+p{word-break: break-word;word-wrap: break-word;clear:both;line-height: 22px;}
 /*作答区域外层*/
 .answer-body {background-color:#eaf6ff;border-radius: 5px;display:inline-block;margin-bottom:-1px;margin-top:8px;}
 .answer-border {border:solid #66b6ff 1px;}
@@ -62,6 +62,13 @@ p{word-break: break-word;word-wrap: break-word;clear:both;}
     width: 100%!important;
     height: auto;
 }
-.underlineContent,.underlineContent span{
-    user-select:none !important;
+.underlineContent{
+    display:inline-block;
+}
+.ULCFZShow{
+    display:none;
+}
+.ULCFZShow[data-status='1']{
+    display:inline-block;
+    border-bottom:1px solid rgb(151, 151, 151);
 }

EBook.Web/Common/tasklib_book.js

@@ -256,6 +256,21 @@ function bindEventYS() {
                     $(FItem).attr("src", PicInfo.yaoshiShowImgUrl);
                     $.each($(FItem).parent().find(".underlineContent"), function (index, item) {
                         var ULCText = $(this).text();  // 获取文本内容
+                        var WidthValue = $(item).css("width");
+                        var NClsName = $(item).next().attr("class");
+                        if (NClsName != "ULCFZShow") {
+                            var AddHtml = "";
+                            if (HasChineseWorld(ULCText)) {
+                                AddHtml = "<span class='ULCFZShow' style='width:" + WidthValue + ";' data-status='0'>&emsp;</span>";
+                            }
+                            else {
+                                AddHtml = "<span class='ULCFZShow' style='width:" + WidthValue + ";' data-status='0'>&nbsp;</span>";
+                            }
+                            $(item).css("display", "inline-block").after(AddHtml);
+                        }
+                        else {
+                            $(item).css("display", "inline-block").next().attr("data-status", "0");
+                        }
                         if (ULCText.indexOf("√") > -1) {
                             $(this).parent().find(".checkbox").find("input").prop('checked', true);
                         }
@@ -276,6 +291,21 @@ function bindEventYS() {
                 //$(this).nextUntil(".yaoshi").filter(".underlineContent").css("color", "#92D050");
                 $.each($(this).nextUntil(".yaoshi").filter(".underlineContent"), function (index, item) {
                     var ULCText = $(this).text();  // 获取文本内容
+                    var WidthValue = $(item).css("width");
+                    var NClsName = $(item).next().attr("class");
+                    if (NClsName != "ULCFZShow") {
+                        var AddHtml = "";
+                        if (HasChineseWorld(ULCText)) {
+                            AddHtml = "<span class='ULCFZShow' style='width:" + WidthValue + ";' data-status='0'>&emsp;</span>";
+                        }
+                        else {
+                            AddHtml = "<span class='ULCFZShow' style='width:" + WidthValue + ";' data-status='0'>&nbsp;</span>";
+                        }
+                        $(item).css("display", "inline-block").after(AddHtml);
+                    }
+                    else {
+                        $(item).css("display", "inline-block").next().attr("data-status", "0");
+                    }
                     if (ULCText.indexOf("√") > -1) {
                         $(this).parent().find(".checkbox").find("input").prop('checked', true);
                     }
@@ -303,6 +333,22 @@ function bindEventYS() {
                     $(FItem).attr("src", PicInfo.yaoshiHideImgUrl);
                     $.each($(FItem).parent().find(".underlineContent"), function (index, item) {
                         var ULCText = $(this).text();  // 获取文本内容
+                        var WidthValue = $(item).css("width");
+                        var NClsName = $(item).next().attr("class");
+                        if (NClsName != "ULCFZShow") {
+                            var AddHtml = "";
+                            if (HasChineseWorld(ULCText)) {
+                                AddHtml = "<span class='ULCFZShow' style='width:" + WidthValue + ";' data-status='0'>&emsp;</span>";
+                            }
+                            else {
+                                AddHtml = "<span class='ULCFZShow' style='width:" + WidthValue + ";' data-status='0'>&nbsp;</span>";
+                            }
+                            $(item).css("display", "none").after(AddHtml);
+                            $(item).next().attr("data-status", "1");
+                        }
+                        else {
+                            $(item).css("display", "none").next().attr("data-status", "1");
+                        }
                         if (ULCText.indexOf("√") > -1) {
                             $(this).parent().find(".checkbox").find("input").prop('checked', false);
                         }
@@ -318,6 +364,22 @@ function bindEventYS() {
                 //$(this).nextUntil(".yaoshi").filter(".underlineContent").css("color", "#ffffff");
                 $.each($(this).nextUntil(".yaoshi").filter(".underlineContent"), function (index, item) {
                     var ULCText = $(this).text();  // 获取文本内容
+                    var WidthValue = $(item).css("width");
+                    var NClsName = $(item).next().attr("class");
+                    if (NClsName != "ULCFZShow") {
+                        var AddHtml = "";
+                        if (HasChineseWorld(ULCText)) {
+                            AddHtml = "<span class='ULCFZShow' style='width:" + WidthValue + ";' data-status='0'>&emsp;</span>";
+                        }
+                        else {
+                            AddHtml = "<span class='ULCFZShow' style='width:" + WidthValue + ";' data-status='0'>&nbsp;</span>";
+                        }
+                        $(item).css("display", "none").after(AddHtml);
+                        $(item).next().attr("data-status", "1");
+                    }
+                    else {
+                        $(item).css("display", "none").next().attr("data-status", "1");
+                    }
                     if (ULCText.indexOf("√") > -1) {
                         $(this).parent().find(".checkbox").find("input").prop('checked', false);
                     }
@@ -345,9 +407,16 @@ function bindEventYS() {
     $("td").attr("style", "");
 }
 
-// 过滤规则
-var FRules = function(DataStr) {
-    return DataStr.indexOf("") > - 1;
+// 判断是否存在中文(true表示存在)
+var HasChineseWorld = function(DataStr){
+    if (escape(DataStr).indexOf("%u") < 0)
+    {
+        return false;
+    }
+    else
+    {
+        return true;
+    }
 };
 //学生端 处理作答区域
 var answerData = new Array();