<rich-text :nodes="richTxt"></rich-text>
created里面的處理:
created() { const regex = new RegExp('<img', 'gi'); const regexTable = new RegExp('<table', 'gi'); this.richTxt = this.content.richTxt.replace(regex, `<img style="max-width: 100%;"`); this.richTxt = this.richTxt.replace(regexTable, `<table style="width: 100%;border:1px solid grey" border="0" cellspacing="1" cellpadding="0"`); }
RegExp 對象表示正則表達式,第二個參數:g是執行全局匹配(查找所有匹配而非在找到第一個匹配后停止)、i是執行對大小寫不敏感的匹配、m是執行多行匹配