码迷,mamicode.com
首页 > Web开发 > 详细

UEditor富文本web编辑器

时间:2016-04-17 17:23:15      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:

UEditor是由百度web前端研发部开发所见即所得,前几天把公司原来的富文本编辑器换成百度的了,可以把秀米制作的样式 整个复制到文本编辑器中,原汁原味。。。

到官网看了文档,其实很简单,就简单的配置下就可以了,如图。。。

技术分享技术分享

在.net中需添加js:
    <script src="../../../ueditor/ueditor.config.js"></script>
    <script src="../../../ueditor/ueditor.all.min.js"></script>
    <script src="../../../ueditor/lang/zh-cn/zh-cn.js"></script>

赋值:
1.在.net中从后台到前台赋值可以 先赋值给前台的隐藏域
2.然后在后台添加JavaScript方法调用前台JS:
 ClientScript.RegisterStartupScript(GetType(), "提示", "fuzhi()", true);
3.前台fuzhi()将隐藏域中的内容赋值:
 function fuzhi() {
        
           
            ue.addListener("ready", function () {
                // editor准备好之后才可以使用
                ue.setContent(document.getElementById("hd_content").value);

            });
         
        }


保存:
如果是提交按钮的话 ,设置一个:OnClientClick="return save();"
  function save() {

            var temp = UE.getEditor(‘editor‘).getContent();
          //  document.getElementById("txtmm").value = temp;
             document.getElementById("<%=hd_content.ClientID %>").value = temp;
            //document.getElementById("txtshow").value = temp;
            
        }
其实也是把值赋值到隐藏域,后台方法再提取出来保存,就可以了。。。。。是不是很简单。。。。

  

UEditor富文本web编辑器

标签:

原文地址:http://www.cnblogs.com/jbps/p/5401229.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!