百度编辑器

最新推荐文章于 2019-09-15 03:31:35 发布

小婷子最美

最新推荐文章于 2019-09-15 03:31:35 发布

阅读量393

点赞数 3

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/honeyting521/article/details/79178118

百度编辑器

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于MIT协议，允许自由使用和修改代码..

一、下载百度编辑器的CSS和JS

http://ueditor.baidu.com/website/download.html

二、应用CSS JS样式

三、表单格式

<textarea id="editor" type="text/plain"  name="seller_desc" cols="30" rows="10" style="width:800px;height:200px;"><?= $data['seller_desc']?></textarea>
<script type="text/javascript">
   var ue = UE.getEditor('editor');
</script>

四、jquery

<script type="text/javascript">
    window.onload=function(){
            $("#pic").change(function(){
             var objUrl = getObjectURL(this.files[0]) ;
             console.log("objUrl = "+objUrl) ;
             if (objUrl) {
              $("#img0").attr("src", objUrl) ;
             }
            }) ;
            //建立一個可存取到該file的url
            function getObjectURL(file) {
             var url = null ; 
             if (window.createObjectURL!=undefined) { // basic
              url = window.createObjectURL(file) ;
             } else if (window.URL!=undefined) { // mozilla(firefox)
              url = window.URL.createObjectURL(file) ;
             } else if (window.webkitURL!=undefined) { // webkit or chrome
              url = window.webkitURL.createObjectURL(file) ;
             }
             return url ;
            }

    }


</script>