获取后台富文本框内容,截取图片

Posted 党欣彤

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了获取后台富文本框内容,截取图片相关的知识,希望对你有一定的参考价值。

1、split()  分割字符串,转化成数组

(1)分割数据中有某段字符串的数据 ,转化成数组

//拿取富文本框中的图片
var
div=data[0].text.split("/agriculture/uploads/");
//定义一个变量存放字符串数据
var divstr="";
//循环div的长度
for(var k=0;k<div.length;k++){ if(k==0){ //第一个k是字符串,文本内容 divstr+=div[k]; }else{ //图片 divstr+=urllogo+div[k]; } } $(‘#text‘).html(divstr);

(2)分割由逗号隔开的字符串

//获取后台多个由字符串拼接的图片;
if
(data[0].image != "") { var arr = data[0].image.split(","); //分割由逗号隔开的字符串,转化成数组 $("#uploadImg").html(""); //清空标签内容 var str = ""; for (var i = 0; i < arr.length; i++) { //循环数组的长度,动态创建img标签 str += "<img alt=‘‘ class=‘exsectionImg‘ src=‘" + urllogo + arr[i] + "‘>"; } $("#uploadImg").html(str); //将放入标签中 }

(3)分割等号左右内容

//拿取存储在localStorage中由等号拼接的数据;
$("#history").html(""); var str = ""; for ( var i in localStorage ){ //将本地存储转换成数组,并拼接等号,逗号; str += i + "=" + localStorage[i]+","; } var arr = str.split(","); //分割逗号,转成数组 arr.reverse(); //将数组反转 var oHistory = ""; var arrLength = arr.slice(0,6); //截取前6个数组 for(var j=0; j<arrLength.length ; j++) { var obj=arrLength[j].split("=")[1]; //拿取等号后面的字符 if(obj!=""&&obj!=undefined){ oHistory+=‘<a onclick="historyGoPage(this.firstChild.innerText)">‘ +‘<li>‘+obj+‘</li>‘ +‘</a>‘; } } $("#history").append(oHistory);

2、replace()  替换某段字符串

//将字符串的某些字符替换,并转化成数值型
var number = $(".objup").next(‘span‘).text();
number=number.replace(/\(/,""); //去除前括号
number=number.replace(/\)/,""); //去除后括号
number = parseInt(number); //字符串转化成数字
$(".objup").next(‘span‘).text("");  //清空标签内容
var number2 = number+1;  //数量加1
$(".objup").next(‘span‘).text("("+number2+")");  //把值放入标签中

 

以上是关于获取后台富文本框内容,截取图片的主要内容,如果未能解决你的问题,请参考以下文章

Selenium向iframe富文本框输入内容

富文本框插件KindEditor 上传图片不走后台直接js上传文件到oss要怎么处理?

TinyMCE 一款非常不错的富文本编辑器

C#中,怎么使用富文本框控件显示一个文件的内容

添加富文本编辑器使用xss攻击BeautifulSoup4模块富文本编辑器上传图片修改头像)

微信小程序富文本-wxParse的使用