后台返回整个静态页面的html的富文本 <html><head><style>p{margin-top:0pt;margin-bottom:1pt;}p.a{text-align:justified;}span.a{font-size:10.0pt;}p.X1{margin-top:18.0pt;margin-bottom:18.0pt;}span.X1{font-family:'黑体';font-size:12.0pt;}span.X2{font-family:'黑体';font-size:12.0pt;...
export default { methods: { onChangeFontSize: function(value) { uni.setStorageSync('font-size', value) uni.setGlobalStyle({ 'html,body': { fontSize: uni.upx2px(value) + 'px' } }) } } } 在页面上调用这个方法,可以设置用户选择的不同字体大小。 <uni-list> <uni-list-item v-for="...
html = html.replace(/<pre/gi, '<p style="font-size:1em; margin:12px 0; line-height:1.2em; background:#F6F7F8; border-radius:5px; padding:8px 4%; width:92%;"'); html = html.replace(/<\/pre/gi,"</p"); for(let i = 0; i < GRT.length; i++){ graceRichTextReg = n...
replace(/<pre/gi, '<p style="font-size:1em; margin:12px 0; line-height:1.2em; background:#F6F7F8; border-radius:5px; padding:8px 4%; width:92%;"' ); html = html.replace(/<\/pre/gi, "</p"); for (let i = 0; i < GRT.length; i++) { graceRichTextReg = new Reg...
html是传递的参数,就说包含html标签的富文本,如下let str='<p><span style=\"color: rgb(0, 0, 0); font-size: 16px;\"><strong>女,28岁。</strong></span></p>'想要获取content需要 this.content=this.formatRichText(str)根据以上,带入相应参数即可,可以完美展示富文本,图片大小也可根据富文本样式...
html = html.replace(/<pre/gi, '<p style="font-size:1em; margin:12px 0; line-height:1.2em; background:#F6F7F8; border-radius:5px; padding:8px 4%; width:92%;"'); html = html.replace(/<\/pre/gi,"</p"); for(let i = 0; i < GRT.length; i++){ ...
代码语言:html 复制 <template><viewclass="content"><viewclass="result-view"><inputclass="result-box"type="text"v-model="showValue"disabled="true"style="font-size: 180rpx;"/></view><viewclass="btns-view"></view></view></template><script>export default { ...
可以参考H5适配的做法,做一个pc的px转rem的插件,通过修改1rem等于多少px,和不同分辨率下的html的font-size的大小,设置每个元素(宽高,border等)的最终大小,每个元素的值通过sass的函数名来设置。max-height和max-width可以根据需要使用 // PX 转 rem
首先要改造的是style="font-size: 180rpx;" 这里不能直接写死,而是要动态改变,所以我在 data 当中定义了一个变量curFontSize,默认值为"180rpx", 并且替换掉了原来的style="font-size: 180rpx;" 代码语言:vue 复制 curFontSize: "180rpx", 代码语言:vue ...
其他富文本相关方法,详见官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/media/editor/EditorContext.format.html 修改样式 EditorContext.format this.editorCtx.format('fontSize','14px'); 插入文本 EditorContext.insertText 在插入目标文字时,将值设为\n',可以实现换行 ...