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

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

月光魔力鸭

2018-12-13 09:59 阅读 1653 喜欢 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


感谢支持!

赞赏支持
提交评论
评论信息 (请文明评论)
暂无评论,快来快来写想法...
推荐
codewars上的一个题目,这里记录下解决方法。
近期需求:将一棵树导出到excel中,树是ztree,通过插件Table2excel导出table到excel中。
我们经常会有判断一个数值是素数的需求,那么我们如何来实现呢?
通过canvas可以进行画图实现一些动画效果等,今天练习下通过canvas来实现一个简易的电子画板,可以在白板上进行画画,然后指定不同的颜色、线条粗细,加载不同的背景以及擦除效果。
在今天之前,我对canvas中rotate其实是一脸蒙逼的... 虽然之前有做过图片旋转,但那是在他人的基础上直接修改的,至于为啥会这样..讲真,还真没注意过,但是今天又需要用到这块了,实在搞不定了,找了各种资料,终于明白了.. 坐标系的问题。
之前一直没面试过前端,今天有一个,先整理下需要问的问题和答案。这里都是一些简单的问题,关于当下比较流行的框架并没有涉及到..
在文件上传的时候,经常会对文件的mime进行限制,比如图片 image/jpg 等,让用户可以选择图片,而不是其他的文件。
Question from codewar,about all of array combinations.