JAVASCRIPT
VUE
REACT
NODE
ES6
TYPESCRIPT

关于百度富文本上传图片

2019. 08. 27    

关于百度富文本上传图片，单独开发图片上传功能，截取路径

首先根据官方提供的Demo引入必要的文件：

  • ueditor.config.js
  • ueditor.all.min.js
  • zh-cn.js

JaveScript:

<script type="text/plain" id="j_ueditorupload" style="height:5px;display:none;" ></script>
<script type="text/javascript">
  var myEditorImage;
  var d;
  function upImage() {    
    d = myEditorImage.getDialog("insertimage");
    //d.render();
    d.open();
  }
  myEditorImage= UE.getEditor('j_ueditorupload',{
    autoHeightEnabled:false
  });
  myEditorImage.ready(function(){
    //myEditorImage.setDisabled();
    myEditorImage.hide();
    myEditorImage.addListener('beforeInsertImage',function(t, arg){
      //alert(arg[0].src);
      $("#thumb").attr("value", arg[0].src);
    });
  });
</script>

Html

<p>
  <input name="thumb" type="text" id="thumb" value="" size="50" /> 
  <input type="button" id="thumb_up" onclick="upImage()" value="选择图片" />
</p>

百度富文本下载传送门

# Ueditor