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

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

月光魔力鸭

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


感谢支持!

赞赏支持
提交评论
评论信息(请文明评论)
暂无评论,快来快来写想法...
推荐
在文件上传的时候,经常会对文件的mime进行限制,比如图片 image/jpg 等,让用户可以选择图片,而不是其他的文件。
问题是由一个BUG引起的,功能中有使用国际化组件,用的是jquery.i18n,在chrome上、ff上都没有什么问题,问题出在了IE上。万恶的IE..
对于web开发过程中的JS对象 Array ,我们真的充分使用了么?是不是理解了Array的全部?能够在合适的地点调用合适的函数,使用合适的属性?
错误:The operation is insecure . 在使用canvas的 toDataUrl的时候报错,看了很多资料,基本上都说是设置跨域,但是我一直都有的啊。其实,只是顺序错了,setAttribute('crossOrigin','Anonymous') 要在设置 src之前设置。
之前一直没面试过前端,今天有一个,先整理下需要问的问题和答案。这里都是一些简单的问题,关于当下比较流行的框架并没有涉及到..
web网站上总会有在文本域中提交代码的操作,那么如何处理呢?
在项目开发过程中,分页是少不了的,之前封装了一个分页组件,样式是基于bootstrap的样式,当然也可以自己来修改
本文概括了递归、闭包、原型、继承,理清这些基本的概念,有助于你接纳更多的东西,我们会在下一个章节对函数进行更深入的讨论。