实训记录（十二）：纠错标点高亮

最新推荐文章于 2024-08-28 23:20:13 发布

L_5327

最新推荐文章于 2024-08-28 23:20:13 发布

阅读量266

点赞数

分类专栏：项目实训记录日志文章标签： javascript html

本文链接：https://blog.csdn.net/L_5327/article/details/107039954

版权

项目实训记录日志专栏收录该内容

14 篇文章 1 订阅

订阅专栏

纠错标点高亮设置

针对纠错页面，为了凸显出纠错的效果，将纠正的标点通过高亮凸显出来。
采用的方法是通过js在文本中嵌入css样式，参考：
https://www.cnblogs.com/hofmann/p/10775880.html

将js文件放入项目目录下，在纠错网页调用。实际的操作过程如下：
原文：你吃饭了吗。
纠错后为：你吃饭了吗？
比对文本发现差异，将输出文本转化为如下格式：

你吃饭了吗<span style='color:red'> ？</span>

在页面中展示纠错后的文本，不能用textarea，textarea会将其值解析为纯文本，不能解析html语句，因此通过js对div赋值展示纠错后的数据。

<script src="../static/getHighLightDifferent.js"></script>
<script>
    window.onload=function(){
        var obj=document.getElementById("in")
        var obj2=document.getElementById("in2")
        if (obj.value){
            $("#featuredalbum")[0].scrollIntoView();
            var a = obj.value;
            var b = obj2.value;
            var result = getHighLightDifferent(a, b);
                     $("#message2").html(result[0]);
            return false;
        }
    }</script>