網(wǎng)頁制作的過程中想通過編輯器添加一些特殊應(yīng)用，例如要添加視頻播放器代碼，添加后發(fā)現(xiàn)不能正常播放視頻，檢查代碼后發(fā)現(xiàn)視頻調(diào)用代碼被無情過濾了，部分被替換成空白、部分被替換成div，造成無法實現(xiàn)網(wǎng)站嵌套視頻播放的問題。網(wǎng)上方法不少，大多不能如愿，經(jīng)多次研究整理一套完整的解決方案。

　　第一步：UEditor取消html源代碼切換時div/script/style等自動過濾
　　在Ueditor編輯器目錄找到ueditor的js文件：ueditor.all.js 注意return;加入的位置！

ueditor.all.js
搜索 UE.plugins['defaultfilter']
UE.plugins['defaultfilter'] = function () {  
    return;   //在這里添加return，不執(zhí)行下面的格式化  
    var me = this;  
    me.setOpt({  
        'allowDivTransToP':false,  
        'disabledTableInTable':true  
    });  
    //默認(rèn)的過濾處理  
    //進入編輯器的內(nèi)容處理  

ueditor.all.min.js
搜索UE.plugins.defaultfilter

UE.plugins.defaultfilter=  
function(){return;var d=this;d.setOpt({allowDivTransToP:!0,d

　　第二步：確保配置文件中白名單列表中包含相關(guān)標(biāo)簽及對應(yīng)的屬性
　　找到配置文件：ueditor.config.js 搜索關(guān)鍵詞：whitList 該列表下出現(xiàn)的標(biāo)簽及對應(yīng)的屬性是不會被過濾掉的。

        // xss過濾白名單
        ,whitList: {
            iframe: ['frameborder','border','width','height','src','id'],
            a:      ['target', 'href', 'title', 'class', 'style'],
            abbr:   ['title', 'class', 'style'],
            script: ['type','src'],
            address: ['class', 'style'],
            area:   ['shape', 'coords', 'href', 'alt'],
            article: [],
            aside:  [],
            audio:  ['autoplay', 'controls', 'loop', 'preload', 'src', 'class', 'style'],
            b:      ['class', 'style'],

　　以上二步缺一不可，按照步驟修改相關(guān)標(biāo)簽及對應(yīng)的屬性，保存后覆蓋原來的文件，清空站點及本地緩存后即可生效。

　　若以上兩步仍不能解決問題，script,style等標(biāo)簽依然被過濾，那么請檢查使用編輯器的頁面調(diào)用的是哪個文件（ueditor.js還是ueditor.min.js），打開對應(yīng)的文件，一般用的是ueditor.min.js這個文件，搜索代碼“filterInputRule:function”，在代碼{for(var這個位置即for前加入return; 編輯之后是：{return;for(var，然后保存上傳并覆蓋。

　　如果還是搞不定，本人以Euditor1.4.3為例把修改好的文件打包分享出來，大家可以直接下載覆蓋。
　　鏈接: https://pan.baidu.com/s/1Kx8lu-tli6EYb4cIkP5hzg 提取碼: r76f

要

實驗室信息管理系統(tǒng)是利用計算機網(wǎng)絡(luò)技術(shù)、數(shù)據(jù)存儲技術(shù)、快速數(shù)據(jù)處理技術(shù)對實驗室進行全方位管理的計算機軟件系統(tǒng)。實驗室信息管理系統(tǒng)從最初僅完成數(shù)據(jù)存儲和有限的網(wǎng)絡(luò)功能，發(fā)展到現(xiàn)在可以處理海量數(shù)據(jù)，具備完善的管理職能，并且能夠運行于Internet之上，極大地提高了實驗室的運行效率，節(jié)約了實驗室的運營成本。針對教學(xué)型實驗室以設(shè)備管理和實驗教學(xué)為主要需求的特點，設(shè)計了融入預(yù)警機制的實驗室信息管理系統(tǒng)，使實驗室管理人員和實驗室的主管部門更方便了解實驗室的運行狀況，提高管理水平。

實現(xiàn)的功能

管理員、教師、學(xué)生三種角色；

管理員：用戶管理（學(xué)生管理、教師管理）、實驗室管理、教務(wù)管理（班級管理、課程管理）、預(yù)約（個人預(yù)約、教師預(yù)約、預(yù)約列表、審核列表）；

學(xué)生：實驗室列表、預(yù)約（我的預(yù)約、個人預(yù)約）；

教師：班級管理、實驗室列表、預(yù)約（教師預(yù)約、我的預(yù)約）。

使用的技術(shù)

后端：JAVA開發(fā)語言，SpringBoot框架，MySql數(shù)據(jù)庫，Maven；

前端：layUI框架、HTML頁面。

部分后端代碼展示

public class SubjectController {

    @Autowired
    SubjectService subjectService;

    @Autowired
    GradeService gradeService;

    @Autowired
    TeacherService teacherService;

    @GetMapping("/index.html")
    public String toSubjectPage() {
        return "/education/subject/index.html";
    }

    /**
     * 添加課程頁面
     * */
    @GetMapping("/add.html")
    public String toSubjectAddPage(Model model, @RequestParam(value = "subjectId", defaultValue = "0") Integer subjectId) {

        Subject subject = new Subject();
        if (subjectId != 0) {
            subject = subjectService.getSubjectById(subjectId);
        }
        List<Grade> gradeList = getGradeList();
        List<Teacher> teacherList = getTeacherList();

        Map weeks = ConstantUtils.initWeeks();
        Map days = ConstantUtils.initDays();
        Map parts = ConstantUtils.initParts();

        model.addAttribute("gradeList",gradeList);
        model.addAttribute("teacherList",teacherList);

        model.addAttribute("subject",subject);
        model.addAttribute("weeks",weeks);
        model.addAttribute("days",days);
        model.addAttribute("parts",parts);

        return "/education/subject/add.html";
    }



    private List<Grade> getGradeList() {
        return gradeService.getGradeList();
    }

    private List<Teacher> getTeacherList() {
        return teacherService.getTeacherList();
    }
    /**
     * 添加課程
     * */
    @PostMapping
    @ResponseBody
    public ResultVO addSubject(Subject subject) {

        subjectService.save(subject);
        return ResultVO.SUCCESS();
    }

    /**
     * 獲取所有班級
     * */
    @GetMapping
    @ResponseBody
    public ResultVO getSubjectList(@RequestParam(value = "page", defaultValue = "1") Integer page,
                                 @RequestParam(value = "limit", defaultValue = "10") Integer limit) {
        page -= 1;
        long total = subjectService.count();
        List<Subject> subjectList = subjectService.getGradeList(page,limit);
        log.info("total {},page {},limit {}",total,page,limit);
        HashMap<String,Object> data = new HashMap<>();
        data.put("total",total);
        data.put("subjectList",subjectList);

        return ResultVO.SUCCESS(0,data);
    }

    @PostMapping("/delete")
    @ResponseBody
    public ResultVO deleteSubject(Subject subject) {
        subjectService.delete(subject);
        return ResultVO.SUCCESS(200);
    }
}

部分前端代碼展示

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>添加課程</title>
    <link rel="stylesheet" href="/layui/css/layui.css" media="all">
</head>
<body>
<div style="margin: 50px 50px 50px 50px;">

    <form class="layui-form" action="">
        <div class="layui-form-item" th:if="${subject.getId() == 0}">
            <label class="layui-form-label">
                <a href="http://localhost:8080/education/subject/index.html" class="layui-btn layui-btn-normal">返回</a>
            </label>
        </div>
        <div class="layui-form-item" th:if="${subject.getId() != 0}">
            <input type="hidden" name="id" th:value="${subject.getId()}">
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">課程名</label>
            <div class="layui-input-block">
                <input type="text" name="name" th:value="${subject.getName()}" required  lay-verify="required" placeholder="請輸入課程名稱" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">班級</label>
            <div class="layui-input-block">
                <select name="gradeId" lay-verify="required">
                    <option value=""></option>
                    <option th:each="grade:${gradeList}" th:value="${grade.getId()}" th:text="${grade.getName()}" th:selected="${grade.getId() == subject.getGradeId()}"></option>
                </select>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">老師</label>
            <div class="layui-input-block">
                <select name="teacherId" lay-verify="required">
                    <option value=""></option>
                    <option th:each="teacher:${teacherList}" th:value="${teacher.getId()}" th:text="${teacher.getUsername()}" th:selected="${teacher.getId() == subject.getTeacherId()}"></option>
                </select>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">起始周</label>
            <div class="layui-input-block">
                <select name="startWeek" lay-verify="required">
                    <option value=""></option>
                    <option th:each="start:${weeks}" th:value="${start.key}" th:text="${start.value}" th:selected="${start.key == subject.getStartWeek()}"></option>
                </select>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">結(jié)束周</label>
            <div class="layui-input-block">
                <select name="endWeek" lay-verify="required">
                    <option value=""></option>
                    <option th:each="end:${weeks}" th:value="${end.key}" th:text="${end.value}" th:selected="${end.key == subject.getEndWeek()}"></option>
                </select>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">周幾</label>
            <div class="layui-input-block">
                <select name="day" lay-verify="required">
                    <option value=""></option>
                    <option th:each="day:${days}" th:value="${day.key}" th:text="${day.value}" th:selected="${day.key == subject.getDay()}"></option>
                </select>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">節(jié)次</label>
            <div class="layui-input-block">
                <select name="part" lay-verify="required">
                    <option value=""></option>
                    <option th:each="part:${parts}" th:value="${part.key}" th:text="${part.value}" th:selected="${part.key == subject.getPart()}"></option>
                </select>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" type="button" lay-submit lay-filter="formSubmit">立即提交</button>
                <button type="reset" class="layui-btn layui-btn-primary" th:if="${subject.getId() == 0}">重置</button>
            </div>
        </div>
    </form>
</div>

</body>
<script src="/layui/layui.js"></script>
<script src="/js/jquery.min.js"></script>
<script src="/js/education/subject/add.js"></script>
</html>

獲取源碼請關(guān)注后私信“20230919”