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

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

月光魔力鸭

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


感谢支持!

赞赏支持
提交评论
评论信息(请文明评论)
暂无评论,快来快来写想法...
推荐
现象:在IOS中,jsp页面绑定的点击事件,点击后延迟很大,接近1000ms,反应很慢
在web开发过程中,现在JSON 已经到了俯拾皆是的地步了,操作JSON对于JS来说非常简单,那么我们对于JSON的转化是如何应对的呢?
通过修改数据库编码处理存储emoj表情导致的报错问题。
有时候浏览网页经常会看见一些页面出现一些打字的效果,那么是怎么实现的呢?
前端时间搞了个小转码,放在后台,但是特别占带宽,想着能不能从前台把这个事搞定呢?读取图片的二进制,然后将字节流处理后重新生成图片展示处理啊。
做作业的时候,需要在手机上预览下,但是发现如果想在移动端上展示A4样子的作业还是挺麻烦的,最后还是准备通过图片来展示,然后移动端缩放呗。。
在我们web开发过程中经常会碰到针对table的一些dom操作,这里整理一下关于这方面的知识点。当然我们可以通过jquery这样的插件来处理,或许会更简单一些,不过现在简单说下原生JS是如何操作的
关于web打印,需要对页面内容进行页面样式设置,呈现出分页的样子,同时对于题目中的图片或表格尽量不分到两个页面中,因此实现了一个jquery的web打印插件,当然,这个插件目前只适用于部分情况,仅供借鉴