当前位置: 首页 > article >正文

在.net下后台设置前台UEditor编辑器不可编辑

今天手下有个问:当用户填写提交后,再次显示提交页面时,该页面的UEditor编辑器需要设置成不可编辑,怎么实现?

可以用后台调用前台js的方式实现:

例如:

前台页面:

 <div style="">请将答案写到下面:</div>
                      <asp:HiddenField ID="myEditorHidden" runat="server" />
                      <div style="text-align:left;padding-top:5px;">
                                            <%--文本编辑器--%>
                                            <div id="myEditor"  style="width:100%;height:150px;" ></div>
                      </div>

前台实现编辑器初始化和内容传递js:

<script type="text/javascript">
        var ue = UE.getEditor('myEditor', {
            toolbars: [
                 [ 'undo', 'redo', '|',
        'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',
        'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
        'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',
        'directionalityltr', 'directionalityrtl', 'indent', '|',
        'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',
        'link', 'unlink', 'anchor', '|', 'imagenone', 'imageleft', 'imageright', 'imagecenter', '|',
        'simpleupload', 'insertimage', 'scrawl', 'insertframe', 'insertcode', 'pagebreak', 'template', 'background', '|',
        'horizontal', 'date', 'time', 'spechars', 'snapscreen', 'wordimage', '|',
        'inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol', 'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittorows', 'splittocols', 'charts', '|',
        'print', 'preview', 'searchreplace', 'help', 'drafts']
            ],
            allHtmlEnabled: false,//提交到后台的数据是否包含整个html字符串
            autoHeightEnabled: false,
            autoFloatEnabled: true,
            allowDivTransToP: false//阻止div标签自动转换为p标签
        });

 function insertUedit() {

            ue.ready(function () {
                // alert("tt");
                var result = document.getElementById("<%=myEditorHidden.ClientID %>").value;
                UE.getEditor('myEditor').setContent(result, false);
                UE.getEditor('myEditor').setDisabled();
                console.log(result);
            });

            
        }





    </script>

上面的UE.getEditor('myEditor').setDisabled();即设置该编辑器不可编辑。

后台调用前台的js实现配置参数:

  ClientScript.RegisterStartupScript(ClientScript.GetType(), "myScript", "<script>window.onload=function(){insertUedit();}</script>");//调用前台的js


http://www.kler.cn/a/379838.html

相关文章:

  • 2025生物发酵展(济南)为生物制造产业注入新活力共谱行业新篇章
  • RabbitMQ交换机类型
  • 【设计模式】策略模式定义及其实现代码示例
  • Armv8的安全启动
  • 使用 Spring Boot 搭建 WebSocket 服务器实现多客户端连接
  • C#的Event事件示例小白级剖析
  • WordPress网站添加嵌入B站视频,自适应屏幕大小,取消自动播放
  • Spring Boot框架:校园社团信息管理的现代化解决方案
  • SQL 数据结构查询
  • Python网络爬虫:入门与实战
  • GHuNeRF: Generalizable Human NeRF from a Monocular Video
  • ubunu安装官方微信 解决安装后更新系统变为atzlinux的问题 卸载微信
  • 基于python flask的知乎问答文本分析与情感预测系统
  • 让Erupt框架支持.vue文件做自定义页面模版
  • QT中QML例程-学习笔记-语法
  • N-155基于springboot,vue宿舍管理系统
  • 【docker compose】docker compose的hello world
  • 第100+31步 ChatGPT学习:概率校准 Quantile Calibration
  • UI自动化测试 —— CSS元素定位实践!
  • CSS 计数器:深入解析与高级应用
  • flutter区别于vue的写法
  • CTF解题实录——2024年网鼎杯白虎赛道Misc04
  • 业绩代码查询实战——php
  • spring-mvc源码
  • 鸿蒙的进化史
  • 基于SpringBoot的植物园管理小程序【附源码】