富文本

开发工具与关键技术:  vs       富文本编辑器

作者:      周乐献       

撰写时间:   2019      年        6月   18    日

   富文本是

var editorNotice;//富文本编辑器

        var tabFiles;//附件表格

        var layer, layuiTable;//保存layui模块以便全局使用

        var layerIndex;

        $(function () {

            // 初始化 ckeditor富文本编辑器

            editorNotice = CKEDITOR.replace('NoticeContent');     

            createSelect("selectNoticeType", "SelectNoticeTypeForSelect");

            $("#selectNoticeType").change(function () {

                var noticeTypeId = $("#selectNoticeType").val();

                createSelect("selectNoticeTypeDetail", "SelectNoticeTypeDetailForSelect?noticeTypeId=" + noticeTypeId);

            });

            $("#collapseOverhead").collapse({ toggle: false });

            //当用户选择显示在轮播时显示 collapse

            $("#cNoticeCarousel").change(function () {

                //判断选中

                if (document.getElementById("cNoticeCarousel").checked) {

                    //显示DIV

                    $("#collapseOverhead").collapse('show');

                } else {

                    //隐藏DIV

                    $("#collapseOverhead").collapse('hide');

                }

            });

           

            //加载和初始化layui模块

            layui.use(['layer', 'table'], function () {

                layer = layui.layer;

                layuiTable = layui.table;

 

                tabFiles = layuiTable.render({

                    elem: "#tabFiles",//html table id                  

                    cols: [[ //表头

                        //{ type: 'checkbox', fixed: 'left' },

                        { type: 'numbers', title: '序号' },//序号列,

                        { field: 'FileTypeName', title: '文件类型' },

                        { field: 'Files', title: '文件' },

                        { field: 'FileName', title: '文件名称' },

                        { title: '操作', templet: setRemoveButton, width: 160, align: 'center', fixed: 'right' }//width: 160 指定宽度,align 指定对其方式

                    ]],

                    page: {

                        limit: 10,

                        limits: [5, 10, 15, 20, 25, 30, 35, 40, 45, 50],//每页条数的选择项

                    }, //开启分页

                    data: []

                });

 

                //监听行单击事件(单击事件为:rowDouble)

                layuiTable.on('row(tabFiles)', function (obj) {

                    var data = obj.data;//获取点击行数据

                    //标注选中样式

                    obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click');

                });

                tabFilesRefresh();

            });

        })

富文本_第1张图片

你可能感兴趣的:(富文本)