精华内容
下载资源
问答
  • 微信小程序html富文本转换为wxml
  • 提供微信小程序中因为需要展示html富文本文件而出现的问题
  • PureText富文本转换

    2009-09-23 15:58:51
    等支持富文本输入的地方,那些图片,链接等都会原样复制过去, 但使用 PureText,则只会保留纯文本。使用 PureText 也非常简单, 默认粘贴快捷键 Win + V,多数情况下在 Office 系列软件中非常 实用,比如 Excel 中...
  • 小程序富文本转换

    2019-02-22 15:43:00
    富文本编辑器可以不引用wxss,可以省略 1.index.js var WxParse = require('../../utils/wxParse/wxParse.js'); //请求接口 获取到对应的字段var parma = { id: that.data.id } wx.request({ url: ...

    富文本编辑器可以不引用wxss,可以省略

    1.index.js

    var WxParse = require('../../utils/wxParse/wxParse.js');
     
    //请求接口 获取到对应的字段var parma =
          id: that.data.id
        } 
        wx.request({
          url: app.globalData.url + "******",
          data: parma,
          header: {
            'content-type': 'application/x-www-form-urlencoded' // 默认值
          },
          method: 'POST',
          success: function (res) {
            console.log(res)
            // console.log(res.data.data.effect_pic)
            console.log(res.data.data.info)
            if (res.data.code == 1) { 
              that.setData({ 
                info: res.data.data.info,//店铺详情
              }) 

          // 富文本转换 放在that.setData下面 防止页面还没加载完
              var article = res.data.data.info;
              WxParse.wxParse('article', 'html', article, that, 5); 
          或者
              WxParse.wxParse('article', 'html',res.data.data.info, that, 5);
     
    } }, }) 

     

    2.index.wxss  此处可以省略
    @import "/utils/wxParse/wxParse.wxss";
    3.index.wxml
    <import src="/utils/wxParse/wxParse.wxml" />
     <view class='box'> 
          <template style='width:100%;' is="wxParse" data="{{wxParseData:article.nodes}}" />
        </view>

     

    转载于:https://www.cnblogs.com/xiaoxiao2017/p/10418778.html

    展开全文
  • HTML字符串和iOS富文本转换

    千次阅读 2018-05-09 22:52:00
    //html字符串转换富文本 NSString *html = @"&lt;p style='color:green'&gt;首付&lt;span style='color:#e83c36;'&gt;5000元&lt;/span&gt;,提前付&lt;span style='color:red'...

    服务端返回的不一定都是纯字符串,有可能是带有HTML标签的
    //html字符串转换为富文本

    NSString *html = @"<p style='color:green'>首付<span style='color:#e83c36;'>5000元</span>,提前付<span style='color:red'>3倍月供</span>,月供<span style='color:red'>3000元</span>(48期)</p>";
    NSAttributedString *attStr = [[NSAttributedString alloc] initWithData:[html dataUsingEncoding:NSUnicodeStringEncoding] options:@{NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType} documentAttributes:nil error:nil];
    

    //富文本转换为html字符串

    //富文本转换为html(最后相当于整个网页代码,会有css等)
    NSDictionary *dic = @{NSDocumentTypeDocumentAttribute:NSHTMLTextDocumentType,NSCharacterEncodingDocumentAttribute:@(NSUnicodeStringEncoding)};
    NSData *data = [attStr dataFromRange:NSMakeRange(0, attStr.length) documentAttributes:dic error:nil];
    NSString *str = [[NSString alloc] initWithData:data encoding:NSUnicodeStringEncoding];
    
    展开全文
  • 现在很多的新闻类App都采用自己写的富文本进行图文混排。下载已经封装好的富文本标签类RCLabel(http://www.okbase.net/file/item/20694)该类是由一牛人封装好的用于实现图文混排的富文本类,在下载下来的源代码中...

    WebView虽然也可以实现图文混排的效果,但是在使用的时候比较复杂,而且WebVIew的内存泄漏相当明显,使用不好反而得补偿失。现在很多的新闻类App都采用自己写的富文本进行图文混排。

    下载已经封装好的富文本标签类RCLabel(http://www.okbase.net/file/item/20694)

    该类是由一牛人封装好的用于实现图文混排的富文本类,在下载下来的源代码中可以看到其用法,但是这里有一个较为复杂的问题是你每次都需要手动将你要显示的内容封装成HTML格式的文本,这个过程相当繁琐而且容易出错,所以我在这个基础上进行了改进,将封装HTML的方法通过正则表达式独立开来,这样就实现了RCLabel与正则实现图文混排。

    下面是正文textView:

    富文本基本使用方法的思路概要:

    1、创建一个NSMutableAttributedString富文本对象(一般不用NSAttributedString)

    2、设置addAttribute属性

    (1) addAttribute: 一个属性

    (2) addAttributes: 一个存储多个属性的属性字典,比如这个字典可以是:

    NSDictionary *attrDic = @{

    NSFontAttributeName: [UIFont fontWithName: @"Zapfino" size: 15],

    NSForegroundColorAttributeName: [UIColor blueColor]

    };

    3、控件.attributedText = 富文本对象(和控件.txt = NSString文本对象不一样的)

    富文本内容的传输,在iOS中其实就是attributeText的表现吧。如后台发了一段html内容过来,经过处理变成attributeText,然后交由textView呈现:

    /** 将超文本格式化为富文本 */

    (NSAttributedString *)htmlAttributeStringByHtmlString:(NSString *)htmlString{

    NSAttributeString *attributeString;

    NSData *htmlData = [htmlString dataUsingEncoding:NSUTF8StringEncoding];

    NSDictionary importParams = @{NSDocumentTypeDocumentAttribute:NSHTMLTextDocumentType,NSCharacterEncodingDocumentAttribute:[NSNumber numberWithInt:NSUTF8StringEncoding];

    }

    NSError error = nil;

    attributeString = [NSAttributedString alloc] initWithData:htmlData options:importParams documentAttributes:NULL error:&error];

    return attributeString;

    }

    同理,textView编辑富文本同是attributeText,那当然可以转为html,再发送给后天了。

    / 将富文本格式化为超文本 */

    (NSString *)htmlStringByHtmlAttributeString:(NSAttributedString *)htmlAttributeString{

    NSString *htmlString;

    NSDictionary *exportParams = @{NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType,NSCharacterEncodingDocumentAttribute:[NSNumber numberWithInt:NSUTF8StringEncoding]

    };

    NSData *htmlData = [htmlAttributeString dataFormRange:NSMakeRange(0, htmlAttributeString.length) documentAttributes:exporParams error:nil];

    htmlString = [NSString alloc] initWithData:htmlData encoding: NSUTF8StringEncoding];

    return htmlString;

    }

    利用以上两个方法,就可以完成接收html的格式转换显示与html的格式转换后post给后台了。

    AttributedString究竟可以设置哪些属性,具体来说,有以下21个:

    NSFontAttributeName 设置字体属性,默认值:字体:Helvetica(Neue) 字号:12

    NSForegroundColorAttributeNam 设置字体颜色,取值为 UIColor对象,默认值为黑色

    NSBackgroundColorAttributeName 设置字体所在区域背景颜色,取值为 UIColor对象,默认值为nil, 透明色

    NSLigatureAttributeName 设置连体属性,取值为NSNumber 对象(整数),0 表示没有连体字符,1 表示使用默认的连体字符

    NSKernAttributeName 设定字符间距,取值为 NSNumber 对象(整数),正值间距加宽,负值间距变窄

    NSStrikethroughStyleAttributeName 设置删除线,取值为 NSNumber 对象(整数)

    NSStrikethroughColorAttributeName 设置删除线颜色,取值为 UIColor 对象,默认值为黑色

    NSUnderlineStyleAttributeName 设置下划线,取值为 NSNumber 对象(整数),枚举常量 NSUnderlineStyle中的值,与删除线类似

    NSUnderlineColorAttributeName 设置下划线颜色,取值为 UIColor 对象,默认值为黑色

    NSStrokeWidthAttributeName 设置笔画宽度,取值为 NSNumber 对象(整数),负值填充效果,正值中空效果

    NSStrokeColorAttributeName 填充部分颜色,不是字体颜色,取值为 UIColor 对象

    NSShadowAttributeName 设置阴影属性,取值为 NSShadow 对象

    NSTextEffectAttributeName 设置文本特殊效果,取值为 NSString 对象,目前只有图版印刷效果可用:

    NSBaselineOffsetAttributeName 设置基线偏移值,取值为 NSNumber (float),正值上偏,负值下偏

    NSObliquenessAttributeName 设置字形倾斜度,取值为 NSNumber (float),正值右倾,负值左倾

    NSExpansionAttributeName 设置文本横向拉伸属性,取值为 NSNumber (float),正值横向拉伸文本,负值横向压缩文本

    NSWritingDirectionAttributeName 设置文字书写方向,从左向右书写或者从右向左书写

    NSVerticalGlyphFormAttributeName 设置文字排版方向,取值为 NSNumber 对象(整数),0 表示横排文本,1 表示竖排文本

    NSLinkAttributeName 设置链接属性,点击后调用浏览器打开指定URL地址

    NSAttachmentAttributeName 设置文本附件,取值为NSTextAttachment对象,常用于文字图片混排

    NSParagraphStyleAttributeName 设置文本段落排版格式,取值为 NSParagraphStyle 对象

    展开全文
  • QT:富文本转换成pdf

    2017-05-22 17:18:52
     Qt对富文本的处理,主要有几个感兴趣的知识点才写下这篇文章,将文本或图片转换成pdf格式、文件直接拖拽到文本框中、双击对程序全屏和缩小、滚动滑轮对文字放大缩小及安装事件过滤器通过键盘的上下按键对文本放大...

    一、简介

           Qt对富文本的处理,主要有几个感兴趣的知识点才写下这篇文章,将文本或图片转换成pdf格式、文件直接拖拽到文本框中、双击对程序全屏和缩小、滚动滑轮对文字放大缩小及安装事件过滤器通过键盘的上下按键对文本放大缩小。

    二、运行图

    (1)运行效果图如下图1所示。


    三、详解

    1、文本文件转换成pdf

    [cpp] view plain copy
    1. void MainWindow::createPdf()  
    2. {  
    3.   QString fileName = QFileDialog::getSaveFileName(this, tr("导出PDF文件"),  
    4.                                                   QString(), "*.pdf");  
    5.   if (!fileName.isEmpty()) {  
    6.   
    7.       // 如果文件后缀为空,则默认使用.pdf  
    8.       if (QFileInfo(fileName).suffix().isEmpty())  
    9.           fileName.append(".pdf");  
    10.       QPrinter printer;  
    11.       // 指定输出格式为pdf  
    12.       printer.setOutputFormat(QPrinter::PdfFormat);  
    13.       printer.setOutputFileName(fileName);  
    14.       ui->textEdit->print(&printer);  
    15.   }  
    16. }  
    调用QTextEdit的print函数进行转换输出。输出效果如下图2所示。

    2、拖放功能

    [cpp] view plain copy
    1. // 拖动进入事件  
    2. void MainWindow::dragEnterEvent(QDragEnterEvent *event)  
    3. {  
    4.     // 数据中是否包含URL,如果是则接收动作,否则忽略该事件  
    5.     if(event->mimeData()->hasUrls()) {  
    6.         event->acceptProposedAction();  
    7.     }  
    8.     else event->ignore();  
    9. }  
    10. // 放下事件  
    11. void MainWindow::dropEvent(QDropEvent *event)  
    12. {  
    13.     // 获取MIME数据  
    14.     const QMimeData *mimeData = event->mimeData();  
    15.     // 如果数据中包含URL  
    16.     if(mimeData->hasUrls()){  
    17.         // 获取URL列表  
    18.         QList<QUrl> urlList = mimeData->urls();  
    19.         // 将其中第一个URL表示为本地文件路径  
    20.         QString fileName = urlList.at(0).toLocalFile();  
    21.         QFileInfo info(fileName);  
    22.         // 如果文件路径不为空  
    23.         if(!fileName.isEmpty()){  
    24.             // 建立QFile对象并且以只读方式打开该文件  
    25.             QFile file(fileName);  
    26.             if(!file.open(QIODevice::ReadOnly)) return;  
    27.             // 建立文本流对象  
    28.             QTextStream in(&file);  
    29.             // 将文件中所有内容读入编辑器  
    30.             setWindowTitle(tr("文件转换:%1").arg(info.fileName()));  
    31.             ui->textEdit->setText(in.readAll());  
    32.         }  
    33.     }  
    34. }  
    在此只介绍文本的简单拖放,重载两个函数 void dragEnterEvent(QDragEnterEvent *event); //拖动进入事件void dropEvent(QDropEvent *event); //放下事件,实现拖动文件到多信息文本编辑器中去,后面还会有相应的文章专门介绍文本和图片的拖放及不同程序间的拖放。

    3、全屏

    [cpp] view plain copy
    1. // 鼠标双击事件  
    2. void MainWindow::mouseDoubleClickEvent(QMouseEvent *event)  
    3. {  
    4.     // 如果是鼠标左键按下  
    5.     if(event->button() == Qt::LeftButton){  
    6.   
    7.         // 如果现在不是全屏,将窗口设置为全屏  
    8.         if(windowState() != Qt::WindowFullScreen)  
    9.             setWindowState(Qt::WindowFullScreen);  
    10.   
    11.         // 如果现在已经是全屏状态,那么恢复以前的大小  
    12.         else setWindowState(Qt::WindowNoState);  
    13.     }  
    14. }  
    鼠标双击文本编辑器和菜单栏外的位置都会全屏显示(全屏将隐藏菜单栏),再双击回到原来大小。

    4、滚轮放大缩小

    [cpp] view plain copy
    1. // 滚轮事件  
    2. void MainWindow::wheelEvent(QWheelEvent *event)  
    3. {  
    4.     // 当滚轮远离使用者时进行放大,当滚轮向使用者方向旋转时进行缩小  
    5.     if(event->delta() > 0){  
    6.         ui->textEdit->zoomIn();  
    7.     }else{  
    8.         ui->textEdit->zoomOut();  
    9.     }  
    10. }  
    向前滚动滑轮delta值大于0放大操作,向后滚动缩小操作,其运行如下图3所示。


    5、方向键上下放大缩小

    在MainWindow上为lineEdit安装事件过滤器, ui->textEdit->installEventFilter(this);

    [cpp] view plain copy
    1. bool MainWindow::eventFilter(QObject *obj, QEvent *event)  
    2. {  
    3. //  // 事件过滤器  
    4. //  // 如果是textEdit部件上的事件  
    5.   if(obj == ui->textEdit){  
    6.     if(event->type() == QEvent::KeyPress) {  
    7.       QKeyEvent *kevent = dynamic_cast<QKeyEvent *>(event);  
    8.       if (kevent->key() == Qt::Key_Down) {  
    9.         ui->textEdit->zoomOut();  
    10.       }  
    11.       else if(kevent->key() == Qt::Key_Up) {  
    12.         ui->textEdit->zoomIn();  
    13.       }  
    14.     }  
    15.   }  
    16.   return QMainWindow::eventFilter(obj,event);  
    17. }  
    捕获方向键的上下按键进行放大缩小操作。其运行如下图3所示。


    四、总结

    (1)有乱码问题时,在windows下使用QTextCodec::setCodecForTr(QTextCodec::codecForName("utf-8"));Linux下使用QTextCodec::setCodecForTr(QTextCodec::codecForName("gb2312"));

    (2)编译错误时,先删除.pro.user文件,重新打开编译。或直接使用命令行编译。

    (3)源码已经打包上传到csdn上可登录下载(http://download.csdn.net/detail/taiyang1987912/7560697)。   


    展开全文
  • Qt浅谈之八:富文本转换成pdf

    千次阅读 2014-06-27 15:40:58
    文本文件转换成pdf
  • js解析富文本符号,网上找了一下教程,大概都是这样写的:str = str.replace(/∀/g, '∀');str = str.replace(/∂/g, '∂');str = str.replace(/&exists;/g, '∃');str = str.replace(/∅/g, '∅');str = str....
  • markdown与富文本在线转换

    万次阅读 2020-10-24 10:28:53
    背景:工作中已经习惯markdown,但是有的网站还是使用富文本编辑,就需要将原本的markdown修改为富文本; 1,按照google插件 在谷歌商店应用商店搜索“Markdown Here”并下载安装,如下图 2,在线转换富文本...
  • * 函数说明:富文本数据进行转换成文本 * @access public * @param $content string 富文本数据 * @return string 不包含标签的文本 */ public function test($content = ''){ $data1 = htmlspecialchars_...
  • 参考https://gitee.com/xuwangcheng/poi-tl-html-to-word,利用poi-tl将前端富文本生成的HTML内容转换为可插入word的内容。利用poi-tl将前端富文本生成的HTML内容转换为可插入word的内容。
  • 富文本AttributedString转换成html

    千次阅读 2018-07-25 18:06:34
    textView富文本AttributedString,转换成html 求助IOS大牛 解决个富文本编辑问题!急急急? NSMutableAttributedString *AttrStr = [[NSMutableAttributedString alloc] initWithString:@"排名第 4 名"];...
  • 富文本格式(Rich Text Format, 一般简称为RTF)是由微软公司开发的跨平台...有的博客平台暂时还不支持Markdown格式编写文章,一般还是用富文本,但已经写好的Markdown格式的文章如何转换成Markdown格式的? 终于找到.
  • vue中,如何把文本转换富文本模式

    千次阅读 2019-03-27 10:28:38
    今天做一个活动页面,其中需要把获取活动简介的数据转换富文本模式. 这个需求,只需要一个vue指令就可以搞定.那就是v-html 这样后端传来的数据,即使带有各种标签,也可以以想要的html格式呈现在页面上,而不是连换行...
  • iOS中字符串和富文本相互转换

    千次阅读 2017-05-26 10:07:51
     * 富文本转html字符串  */ + (NSString *)attriToStrWithAttri:(NSAttributedString *)attri{  NSDictionary *tempDic = @{NSDocumentTypeDocumentAttribute:NSHTMLTextDocumentType,  
  • 项目中使用富文本编辑器编辑更多内容时,图片输出默认情况下为base64编码格式,需转换为需要的网址格式,且上传图片到指定地址等;
  • Lotus Notes 富文本到 HTML 转换器 LNRT2HTML 是一个用于将 Lotus Notes 富文本字段值转换为 HTML 的库。 下载: :
  • 另外这种方法不会保存富文本的一些样式,但是足够了。至于如何转换就需要借助poi-tl的模板功能和工具类。 想要具体的Demo请看:https://gitee.com/xuwangcheng/poi-tl-html-to-word 有疑问请加QQ群:468324085 作者...
  • jquery富文本插件 如果您想真正使TEXT脱颖而出,例如此处有点弯曲的文本,简单的文本动画甚至是动态调整大小的文本,那么今天就是您的幸运日! 在本文中,我们收集了10个简单易用的jQuery文本转换插件和动画效果。 ...
  • 需求:在移动端需要展示各种富文本编辑器产出的富文本内容,且横向不滚动 问题:因为移动端用的是rem适配,富文本内容固定是px单位,会导致页面横向滚动 p.style{ weight:auto; } //把富文本的px转成rem //Big.js是...
  • 话题#话题# 还有超链接 ,需要利用正则表达式匹配,然后创建一个富文本,并添加属性,并让其蓝色显示,还需要把对应的字符串添加到属性中,方便在进行事件处理时判断是否是一个链接,还方便取出对应的内容,然后...
  • 最近上手QQ小程序,想展示文章内容,无奈自己没有服务器、数据库,QQ小程序又没有云函数,怎么办呢?只能把文章内容存放在小程序页面data中了,但是一篇文章...索性就写一段java代码把多行文本转换成一行文本,话不...
  • 提供html5开发中经常用到html富文本内容的转换插件、可以编辑想编辑的内容并输出以富文本内容的字符串
  • } // MARK: - 富文本 func addAttrText(){ let label = UILabel.init(frame: CGRect.init(x: 0, y: 0, width: SCREEN_WIDTH, height: 200)) label.backgroundColor = .gray label.numberOfLines = 0 self.view....
  • 项目中遇到了替换img标签内容,就是将页面的html标签格式内容存储到数据库中,取出会显示继续显示以前样式,字体颜色颜色等等用到的工具类RegularUtil进行解析替换页面展示举例:&lt;div class="...
  • 问题描述我想将kindtor最后得到的html转换为pdf,有一种思路是将获得的html通过dom-to-image或者html2canvas转换为图片。...可能是由于富文本得到的html他是虚拟的dom元素。并没有实际挂载到页面上。试过选取整个编...
  • var explainString = Encoding.Unicode.GetString(list[0].KindExplain); if (explainString.IndexOf("\u003cimg") > -1) { explainString = ...
  • 有了markdown-here这个插件, 可以在网页版 QQ邮箱, Gmail, 新浪头条文章, 里面使用mardown格式进行书写,然后一键转换富文本

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 19,311
精华内容 7,724
关键字:

富文本转换