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

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

月光魔力鸭

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


感谢支持!

赞赏支持
提交评论
评论信息 (请文明评论)
暂无评论,快来快来写想法...
推荐
偶尔练习下canvas,这里简单记录下常用API,防止遗忘..加深记忆..努力提高..争取突破...daydayup
最近做个nodejs的项目,使用了thinkjs 3.0 的框架,编辑器为vs code ,之前用的好好的,每次 . 后都有提示的,可是使用了多模块后发现.. model的提示没有了..
web开发中,前台有时候会需要一个随机数或序列,通常来说,这个随机数可能只在当前页面中使用,并不需要太过严格,大体上重复率低即可。
对于web开发过程中的JS对象 Array ,我们真的充分使用了么?是不是理解了Array的全部?能够在合适的地点调用合适的函数,使用合适的属性?
项目中需要使用treegrid,找了下easyui 和 ext都有,但是项目用的框架是 byyui,如果为了treegrid 就把这些都加载的话,感觉不太合算。找了大家常用的基于jquery的treegrid.
今天小程序上传体验版本后莫名无法获取用户数据,但是本地开发环境是正常的,通过开发工具的真机进行测试也正常,但是通过开发工具的预览又不正常,初步来看代码是没有问题的,可能是哪里设置有问题。
现象:在IOS中,jsp页面绑定的点击事件,点击后延迟很大,接近1000ms,反应很慢
业务中有一段涉及到处理canvas的图片然后将内容进行上传,后测试发现在IE中不好使哎...