javascript javascript 获取富文本内容, js获取百度编辑器ueditor 内容第一张图片

发布于：2020-09-20 16:31:43

<script type="text/javascript" charset="utf-8" src="__PUBLIC__/ueditor/ueditor.config.js"></script> 

<script type="text/javascript" charset="utf-8" src="__PUBLIC__/ueditor/ueditor.all.js"> </script> 

           <tr>
              <th>图片：</th>
              <td><input type="text" name="thumb" class="txtInput " id="thumb_img" value="" style="width:400px">
                <input type="button" value="上传图片" class="input_up"  id="up_thumbnail1" />
                <textarea id="imguploadEditor1" style="display: none;"></textarea></td>
            </tr> 
     
       <tr>
              <th>内容：</th>
              <td><textarea name="contents" id="contents" ></textarea></td>
            </tr>

var contentUE = loadEditor("contents", 1000, 300);
    contentUE.addListener('selectionchange',function(){
      var getAllHtml=UE.getEditor('contents').getContent();
      var img_url=imgUrlFun(getAllHtml);
      if(!isEmpty(img_url)){
        $("#thumb_img").val(img_url);
      }
    })
    /*判断用户输入是否为空*/
    function isEmpty (str) {
      if (str == null || str == "") { return true };
    }
    function imgUrlFun(str){
      var data = '';
      str.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/, function (match, capture) {
        data =  capture;
      });
      return data
    }