美文网首页
富文本中内容h5端兼容处理

富文本中内容h5端兼容处理

作者: Limolovely | 来源:发表于2023-07-25 16:46 被阅读0次

1、图片的处理

updated() {

        //处理富文本内图片适配

        let DomList = document

            .getElementsByClassName('text')[0]

            .querySelectorAll('img');

        for (let i in DomList) {

            if (DomList[i].style) {

                DomList[i].style.width = '300px';

                DomList[i].style.height = '200px';

                DomList[i].style.marginBottom = '10px';

            }

        }

    },

2、表格的处理

updated() {

        //处理富文本内table适配

        let DomList = document.querySelectorAll('table');

        for (let i in DomList) {

            if (DomList[i].style) {

                DomList[i].style.width = '100%';

                DomList[i].style.margin = '10px 0';

                DomList[i].border = '1';

            }

        }

    },

相关文章

网友评论

      本文标题:富文本中内容h5端兼容处理

      本文链接:https://www.haomeiwen.com/subject/bajhpdtx.html