js 向富文本内容添加字符串

js 向富文本内容添加字符串

月光魔力鸭

2018-12-13 09:59 阅读 1696 喜欢 0 富文本添加字符串

提供一个比较简单的小工具,或许能给你个灵感呢?

富文本内容存储在数据库,在页面展示的时候,需要向富文本添加一些字符串(比如说:ABCD ,又或者分数等)。

工具实现: jquery

代码如下:

addTextToDom : function(html,text){
	var $t;
	try{
		$t = $(html);
		if($t.length == 0){//全中文
			$t = $('<span>'+html+'</span>')
		}
	}catch(e){
		//如果出现报错,基本上可以确认外层没有包裹,增加一个p
		$t = $('<p>'+html+'</p>');
	}
	var arr = [];
	$t.each( function(index,item){
		if(index > 0 ){
			arr.push($(item));
		}
	});
	var $first = $($t.get(0));
	var $new = $('<span><span class="addT">'+text+'</span>'+$first.html()+'</span>');
	return $new.get().map(a=>{return $(a).get(0).outerHTML;}).join('') + (arr.map(function(item){
		return $(item).get(0).outerHTML;
	}).join(''));
},

以上,主要是如果存在多个dom,则只添加第一个,如果只有中文,则重新处理,添加外层包裹。

转载请注明出处: https://chrunlee.cn/article/js-add-text-to-dom.html


感谢支持!

赞赏支持
提交评论
评论信息 (请文明评论)
暂无评论,快来快来写想法...
推荐
web网站上总会有在文本域中提交代码的操作,那么如何处理呢?
最近做个nodejs的项目,使用了thinkjs 3.0 的框架,编辑器为vs code ,之前用的好好的,每次 . 后都有提示的,可是使用了多模块后发现.. model的提示没有了..
如何通过js调用本地摄像头呢?获取后如何对视频进行截图呢?在这里跟大家做一个简易的Demo来实现以上几个功能。
在开发过程中经常会碰到跨frame 去操作的需求,那么如何获得这个frame呢,这里写了一个工具类,用来通过name获得frame的jq对象
在今天之前,我对canvas中rotate其实是一脸蒙逼的... 虽然之前有做过图片旋转,但那是在他人的基础上直接修改的,至于为啥会这样..讲真,还真没注意过,但是今天又需要用到这块了,实在搞不定了,找了各种资料,终于明白了.. 坐标系的问题。
this 是 JavaScript 的一大难点,多年经验的前端程序员都可能对这方面模糊。this 在大量的函数、类库中都有使用,理清显式绑定和隐式绑定有助于理解或书写这类函数。
最大公因数,也称最大公约数、最大公因子,指两个或多个整数共有约数中最大的一个。a,b的最大公约数记为(a,b),同样的,a,b,c的最大公约数记为(a,b,c),多个整数的最大公约数也有同样的记号。求最大公约数有多种方法,常见的有质因数分解法、短除法、辗转相除法、更相减损法。与最大公约数相对应的概念是最小公倍数,a,b的最小公倍数记为[a,b]。
做作业的时候,需要在手机上预览下,但是发现如果想在移动端上展示A4样子的作业还是挺麻烦的,最后还是准备通过图片来展示,然后移动端缩放呗。。