`
龙哥IT
  • 浏览: 253837 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
文章分类
社区版块
存档分类
最新评论

rich-text图片大小设置样式

阅读更多
   var details = res.data.data.details
          .replace(/<img([\s\w"-=\/\.:;]+)((?:(style="[^"]+")))/ig, '<img$1 style="max-width:100%;height:auto;float:none;display:block;')
          .replace(/<p([\s\w"=\/\.:;]+)((?:(style="[^"]+")))/ig, '<p')
          .replace(/<p>/ig, '<p style="font-size: 15Px; line-height: 25Px;">')
          .replace(/<img([\s\w"-=\/\.:;]+)((?:(height="[^"]+")))/ig, '<img$1 ')
          .replace(/<img([\s\w"-=\/\.:;]+)((?:(width="[^"]+")))/ig, '<img$1 ')
          .replace(/<img([\s\w"-=\/\.:;]+)((?:(alt="[^"]+")))/ig, '<img$1')
          .replace(/<img([\s\w"-=\/\.:;]+)/ig, '<img$1 "')
          ;

        this.setData({
          details: details
        })

 因为第一次遇到解决图片问题,用这样解决了,后面如果遇到,这样写不行的话,就这这里面找,哪个符合,就继续添加

分享到:
评论

相关推荐

    Android-Rich-text-Editor.zip

    Android-Rich-text-Editor.zip,目前支持的样式: 加粗 斜体 下划线 删除线 有序列表 无序列表 左对齐 居中对齐 右对齐 插入图片 文字背景色 插入超链接 @功能 引用 文字颜色(前景色) 插入表情 ...

    uniapp富文本框整理,详情请查看官方文档

    7. **样式控制**:尽管uni-app对富文本的样式支持有限,但可以通过CSS类名或者内联样式来调整部分样式,例如字体大小、颜色等。 8. **性能优化**:富文本内容过多可能会影响性能,可以通过分页、懒加载等方式优化...

    Rich-Text:编辑器com格式富文本

    富文本编辑器是一种用于创建和编辑包含多种格式的文本的工具,它支持插入图片、超链接、表格、字体样式调整、颜色设置等多样化功能。在COM格式中,富文本编辑器通常指的是使用Microsoft Office中的COM组件,如Word或...

    RichEdit中插入图片,文字以及美化设置

    本篇文章将详细探讨如何在RichEdit中插入图片、添加文字,并对文本进行美化设置。 一、插入图片 1. 使用API函数:在RichEdit中插入图片通常需要调用`EM_INSERTIMAGE`消息,这个消息可以将图片数据插入到编辑器中。...

    rich text format(RTF)规范V1.7 中文版

    ### Rich Text Format (RTF) 规范 V1.7 中文版 #### 富文本格式(RTF)概述 富文本格式(RTF)是一种跨平台的数据交换格式,最初由微软公司在1985年发布,旨在允许不同应用程序之间轻松地传输格式化的文本和图形。...

    微信小程序开发 5-2 教案-基础内容组件[2页].pdf

    可以使用`style`或`class`属性来定义元素样式,例如设置字体颜色和行高:`&lt;rich-text nodes="{{htmlContent}}" class="richtext"&gt;&lt;/rich-text&gt;`。 4. **Progress进度条组件**: Progress组件常用于显示任务的完成...

    RichTextBox中显示不同的字体

    首先,`RichTextBox`控件基于RTF(Rich Text Format)格式,可以处理比普通`TextBox`更复杂的文本样式。要改变文本的字体和颜色,我们需要使用RTF的控制码。例如,`{\color[n]}`用于设置颜色,`{\font[n]}`用于设置...

    Silverlight rich text editor v2.0.zip

    《深入探索Silverlight Rich Text Editor v2.0》 在.NET框架中,Silverlight作为一种强大的RIA(Rich Internet Application)开发工具,曾广泛应用于构建富媒体和交互性极强的Web应用。本文将围绕"Silverlight Rich...

    在RichEdit控件中显示图片

    为了在RichEdit中显示图片,我们需要用到一个名为RTF(Rich Text Format)的文档格式,这是一种包含文本和图像的数据格式,被广泛用于富文本处理。 要向RichEdit控件中插入图片,我们需要完成以下步骤: 1. **创建...

    ( Rich)Rich Text Editor

    【标题】"富文本编辑器(Rich Text Editor)"是一个用于创建和编辑带有格式化文本的应用程序,它允许用户在编辑过程中应用各种样式,如字体、大小、颜色、对齐方式等。这种类型的编辑器广泛应用于文档处理、网页设计...

    Rich Text Format (RTF) Specification

    ### Rich Text Format (RTF) Specification 1.5 #### 引言 Rich Text Format(简称 RTF)是一种由微软开发的文件格式,用于在不同的应用程序之间轻松传输格式化的文本和图形。RTF 格式支持多种操作系统环境,包括 ...

    微信小程序 wxapp内容组件 text详细介绍

    4. **样式控制**:`text` 组件可以通过 CSS 样式进行定制,如字体大小、颜色、行高、对齐方式等。例如,可以设置文本颜色为红色: ```html &lt;text style="color: red;"&gt;Red Text&lt;/text&gt; ``` 5. **富文本处理**:...

    微信小程序开发 5-2 教案-基础内容组件[2页].docx

    本章将深入探讨四个主要的基础内容组件:icon图标组件、text文本组件、rich-text富文本组件以及progress进度条组件,帮助开发者熟练掌握它们的属性与应用方法。 1. icon图标组件: icon组件用于展示各种图标,如...

    Rich Text Format (RTF) 白皮书 v1.8

    富文本格式(Rich Text Format,简称RTF)是一种通用的文档交换格式,由微软公司在1980年代中期开发,旨在实现不同文字处理软件、操作系统和硬件平台之间的兼容性。RTF白皮书v1.8是该格式的一个重要版本,详细介绍了...

    js-richtext:用于 HTML Canvas 等的富文本编辑器

    2. **富文本编辑**:包括格式化文本(如字体、大小、颜色)、插入图片、链接、列表等。 3. **JavaScript 库**:js-richtext 是一个用 JavaScript 编写的库,提供了在 Canvas 上实现富文本编辑的接口和功能。 4. **...

    MFC richedit,可进行插入图片、表情,有聊天气泡,与QQ非常类似

    RichEdit控件是基于Microsoft的RTF(Rich Text Format)技术,可以支持多种文本格式,包括字体、大小、颜色、对齐方式等。在MFC中,我们可以使用CRichEditCtrl类来操作这个控件。 **插入图片:** 在富文本编辑中...

    图片自适应 ,富文本解析.zip

    在移动设备上,屏幕尺寸各异,因此,图片自适应是指根据设备的屏幕大小和分辨率自动调整图片的显示比例和尺寸,确保图片在不同设备上都能呈现出最佳的视觉效果。在微信小程序中,我们可以利用`wx.setResizeObserver`...

    UILabel富文本

    但是,通过使用富文本(Rich Text),我们可以让UILabel展示更加复杂和丰富的文本内容,如同在Word或Page文档编辑器中那样。本文将深入探讨如何在iOS应用中实现UILabel的富文本功能。 首先,了解富文本的基本概念。...

    [vb]彩色的TEXT控件

    "彩色的TEXT控件"实际上指的是利用RichEdit控件实现的文本显示功能,它比标准的TEXT控件提供了更丰富的文本格式化选项,比如字体颜色、背景色、文字样式等。 RichEdit控件是Microsoft Windows操作系统中的一种富...

Global site tag (gtag.js) - Google Analytics