精华内容
下载资源
问答
  • 文本parse下载地址:https://ext.dcloud.net.cn/plugin?id=183 点击下载ZIP的然后解压导入到uni-app项目中 二、文件夹放到项目中 三、然后在组件最后倒入注册一下就可以使用了 这个使用还得看 ...

    一、下载
    富文本parse下载地址:https://ext.dcloud.net.cn/plugin?id=183
    点击下载ZIP的然后解压导入到uni-app项目中在这里插入图片描述
    二、文件夹放到项目中
    在这里插入图片描述

    三、然后在组件最后倒入注册一下就可以使用了
    这个使用还得看 https://ext.dcloud.net.cn/plugin?id=183 下面的属性

    	import uParse from '@/node_modules/u-parse/u-parse.vue'
    	components: {
    		
    			  uParse
    		},
    
    	<view class="">
    		  <u-parse :content="list.content" :imageProp="{'domain':'api.intewl.cn','padding':5}"></u-parse>
    	</view>
    

    imageProp 中的domain 路劲写的是 图片服务区域名 参考这个 https://mikelin.cn/2380.html

    	<view class="" v-if="index1==0">
    		  <u-parse :content="list.content" :imageProp="{'domain':'api.intewl.cn','padding':5}"></u-parse>
    	</view>
    
    展开全文
  • 问题:在使用uni-app开发微信小程序时,需要解析文本中的a标签的href值,拿到下载地址,绑定事件调用下载方法,并支持图片预览。 解决方法: 使用uView的u-parse组件实现,代码如下:

    问题:在使用uni-app开发微信小程序时,需要解析富文本中的a标签的href值,拿到下载地址,绑定事件调用下载方法,并支持图片预览。

    解决方法:

    使用uView的u-parse组件实现,代码如下:

    <template>
    	<view style="padding: 20rpx;">
    		<u-parse :html="requestdata.content" @linkpress="navigate"></u-parse>
    	</view>
    </template>
    
    <script>
    	export default{
    		
    		created() {
    		},
            //我这里是个组件,data通过props传入
    		props:{
    			requestdata: {
    				type: Object,
    				default: ()=>{}
    			},
    		},
    		data(){
    			return{
    			}
    		},
    		methods:{
    			navigate(obj) {
    				this.download(obj.href);
    			},
    			download(href){
    				let url = href;
    				console.log(url)
    				uni.downloadFile({
    					url,      //文件链接
    					success:({statusCode,tempFilePath})=>{
    						console.log(statusCode,tempFilePath)
    						//statusCode状态为200表示请求成功,tempFIlePath临时路径
    						if(statusCode==200){
    							//保存到本地
    							uni.saveFile({
    								tempFilePath,
    								success:(res)=>{
    									 //res.savedFilePath文件的保存路径
    									 //保存成功并打开文件
    									 uni.openDocument({
    										filePath:res.savedFilePath,
    										showMenu: true, // 允许出现分享功能
    										success:(res)=>{
    											console.log('成功打开文档')
    										},
    										fail:(err)=>{
    											this.toast('打开失败')
    										}
    									})
    								},
    								fail:(err)=>{
    									this.toast('保存失败')
    								},
    							})
    						}else{
    							this.toast('未找到资源文件')
    						}
    					},
    					fail:(err)=>{
    						this.toast('下载失败')
    					}
    				})
    			},
    			toast(mes){
    				uni.showToast({
    					title: mes,
    					icon: 'none',
    					duration: 1500
    				})
    			}
    		}
    	}
    </script>

     

    展开全文
  • uni-app如何完美解析文本内容

    万次阅读 2019-12-17 23:35:04
    在uni-app中有 rich-text 标签是自带解析文本内容的,但是不是很完美,怎么说呢?比如文本的代码块、图片宽度等都是无法控制的,那么现在就利用插件来解析,这个解析插件小编是利用图片、html语句以及代码块。 ...

    原文链接:http://dt2008.cn/?p=118
    在uni-app中有 rich-text 标签是自带解析富文本内容的,但是不是很完美,怎么说呢?比如富文本的代码块、图片宽度等都是无法控制的,那么现在就利用插件来解析,这个解析插件小编是利用图片、html语句以及代码块。

    1. 第一步:下载JS插件(名为richText.js)richText.js(点击下载)
    2. 第二步:在详情页里配置
      info.vue是小编的详情页
      在这里插入图片描述
    3. 在代码出添加插件的路径
      var graceRichText = require("…/…/components/richText.js");
    4. 在info的js里引入插件后,就写js代码了
    var graceRichText = require("../../components/richText.js");
    export default {
        components: {
            uParse
        },
        data() {
            return {
                demoHtml : ''
            }
        },
        onLoad() {
            uni.request({
                url: '接口',
                success:(res) =>{
                     console.log(res);
                    this.demoHtml = graceRichText.format(添加json数据里的富文本路径);
                }
            });
        },
        methods: {
        }
    }
    
    1. 写完JS代码就开始写html的代码了,也很简单
    <template>
        <view>
            <view class="grace-rich-text">
                <rich-text type="text" :nodes="demoHtml"></rich-text>
            </view>
        </view>
    </template>
    

    html代码也写完了,赶紧运行看看吧。也可以在richText.js文件里修改css属性,小编在这里就不演示了,有兴趣的大神可以修改试试

    1. 所有代码
    <template>
        <view>
            <view class="grace-rich-text">
                <rich-text type="text" :nodes="demoHtml"></rich-text>
            </view>
        </view>
    </template>
    <script>
    var graceRichText = require("../../components/richText.js");
    export default {
        components: {
            uParse
        },
        data() {
            return {
                demoHtml : ''
            }
        },
        onLoad() {
            uni.request({
                url: '接口',
                success:(res) =>{
                    this.demoHtml = graceRichText.format(添加json数据里的富文本路径);
                }
            });
        },
        methods: {
        }
    }
    </script>
    <style>
    </style>
    

    效果图:
    在这里插入图片描述
    千万要记得要引入js插件 richText.js(点击下载)

    展开全文
  • App开发过程中,现在随着微信的普及,越来越多的软件开发公司都会在自己的官网或者宣传的地方放置自己软件App下载二维码,那么怎么根据App下载链接生成下载App的二维码呢,接下来就来分享一下步骤方法,但是...

    在App开发过程中,现在随着微信的普及,越来越多的软件开发公司都会在自己的官网或者宣传的地方放置自己软件App的下载二维码,那么怎么根据App的下载链接生成下载App的二维码呢,接下来就来分享一下步骤方法,但是一般情况下需要App是处于已经正常上线的状态,在应用商店里面可以正常搜索到,可以正常下载的App,这里只介绍苹果App的生成下载二维码的方法,安卓App的下载二维码同理。具体的生成苹果App的下载二维码详细步骤,如下所示。

    1、打开手机的App Store,进入苹果商店,去搜索界面,输入想要获取链接地址的App,搜索打开;

    2、点击进入这个搜索到的App,进入App的详情页,不需要直接下载该App,看到右上角有一个省略号的按钮,点击打开;

    3、弹出一个下拉菜单栏选项,点击第一个选项“分享App…”;

    4、紧接着又跳转到另外一个弹框,找到底部菜单选项里的“拷贝链接”选项,然后点击之后就拷贝到了该App的下载链接;

    5、然后把这个链接传送到电脑PC上面,然后打开电脑浏览器,搜索二维码生成器,随便找一个能生成二维码的第三方平台就行;

    6、把链接粘贴到生成器的链接输入框里面,然后点击“生成二维码”按钮,即可生成下载链接的二维码;

    7、最后点击保存二维码到电脑上面,这样就根据App的下载链接成功生成了下载App的二维码。

    以上就是本章全部内容,欢迎关注三掌柜的微信公众号“iOS开发by三掌柜”,三掌柜的新浪微博“三掌柜666”,欢迎关注!

    三掌柜的微信公众号:

    三掌柜的新浪微博:

     

    展开全文
  • 仿简书APP富文本编辑器实现

    万次阅读 多人点赞 2016-10-17 15:49:50
    最近看到了简书App中的编辑器可以实现字体的加粗,斜体,删除线等多种样式,而且可以插入图片,链接,分割线。支持字符串数据提交服务器,然后在TextView中直接展示。 如果我们没有了解其中原理之前,感觉还是...
  • /* graceUI rich-text ... } } 使用步骤 复制下载richText.js文件 引入该文件import graceRichText from '@/common/richText' 格式化文本内容this.htmlNodes = graceRichText.format(htmlString); 效果如图所示:
  • 微信的使用人数已经高居各通讯APP的榜首的同时,微信成为了我国移动流量最大的平台之一,从去年开始就对这一块管制的很严,在微信内分享...一、APP下载问题 微信作为一个最大的社交平台,为了自身的利益,屏蔽掉...
  • native APP,hybrid APP和web APP

    万次阅读 多人点赞 2018-08-29 18:53:49
    native APP,hybrid APP和web APP三者的区别 随着智能手机的普及,移动端应用几乎成为每个互联网产品的标配。在快速迭代的互联网战场中高效开发、低成本上线产品,是每个应用开发团队追求的目标。此时,选择合适的...
  • 新闻app文章内容页ui .psd素材下载 PSD、PSD素材、psd素材下载、ui界面设计、新闻内容页、新闻详情设计
  • 这里我说一下用法就行了, 源码可以自行下载 我们只需要在需要的地方引入该组件即可 注册组件 在需要的位置渲染该组件 <u-parse :content="article" :imageProp="imageProp" @preview="preview" @navigate=...
  • react-app中引入UEditor文本编辑器

    千次阅读 2019-02-21 13:57:26
    react中引入ueditor 1.放入静态资源并配置 首先把官网下载的Ueditor资源,放入public文件夹中。(你的U盘里有,不用下载了) ... * @module 百度文本编辑器 * 自定义菜单配置 */ import React, { Component } fr...
  • 首先需要下载插件 https://github.com/dcloudio/uParse 存放插件 存放到项目自定的目录中 引入插件 script里面引入 import uParse from '@/static/u-parse/u-parse.vue' 注意:引入的时候是你自己之前存放的...
  • 一个APP下载链接的二维码同时支持iOS和Android市场
  • 文本编辑器不同于文本编辑器,程序员可到网上下载免费的文本编辑器内嵌于自己的网站或程序里(当然付费的功能会更强大些),方便用户编辑文章或信息。所见即所得模式所见即所得模式是一种网页编辑中常见的术语,...
  • 在uni-app开发中,开发一个资讯详情页面,详情里包含图片和代码块。这时候用简单的rich-text控件已经不够用了。用官方demo里的html-parser.js也无法很好的展示代码区域。这个时候就要使用官方提供的插件来解决。 ...
  • 很多朋友包括我自己想分享app下载地址的时候都会遇到这个问题,故特地跑去找各种解决方案,最终锁定了一个方便快捷的方法,那就是用在线api接口一键实现微信跳转浏览器打开。 知道很多朋友还不知道如何实现,特写这...
  • js 实现二维码 app 扫码下载的功能

    千次阅读 2015-11-24 17:34:22
    去旅游网app下载 var bForcepc = fGetQuery("dv") == "pc"; function fBrowserRedirect(){ var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) ==
  • iOS开发——扫二维码下载APP

    千次阅读 2017-07-05 17:09:09
    注意:苹果手机只有UDID被加入到开发者的设备中之后才可以扫描二维码安装否则不能安装,如果没有请将UDID加入到开发者设备中重新下载证书点击运行就可以了(电脑证书不用动)。 查看苹果设备UDID并添加到开发者账号...
  • 随着移动端的发展,手机已经是我们日常生活中离不开的东西了,进而也催生了一系列手机APP,特别是近年来的短视频app尤其火爆,大家都爱拍自己的小视频然后剪辑上传到抖音、快手、皮皮虾等短视频平台。 爱剪辑app...
  • 随着智能手机的普及,移动端应用几乎成为每个互联网产品的标配。在快速迭代的互联网战场中高效开发...今天就来和大家简单聊聊近年来蓬勃发展的hybrid app。 一、什么是Hybrid Mobile App Hybrid app从外观上来看是
  • 在iOS上官方SDK是不提供如此强大的文本控件的,我在开发的过程中首先找到的是这个FTRichTextView第三方控件,虽然它是以类似HTML的方式来形成文本的,但是该控件在UITableView的列表显示性能表现相当糟糕,很...
  • 可用于独立web项目开发,也可以用于APICloud、DCloud、蓝鸟(BlueBird)、hybrid等混合APP开发。 zx-editor官网:https://github.com/capricorncd/zx-editor 本文转载来源:https://www.npmjs.com/pac...
  • ZxEditor 移动端HTML文档(文本)编辑器,支持...可用于独立web项目开发,也可以用于与原生App混合(hybrid)开发。 源码地址:https://github.com/capricornc... 本地运行 Build Setup # 安装依赖 npm i # 运...
  •  APP推广渠道对APP的运营和推广尤为重要,因此在确定APP营销方案之前熟悉APP推广渠道可以事半功倍。  下面的这十大手机app推广方案中APP渠道推广的方法可供大家借鉴:  APP渠道推广方法(  一应用商店/应用...
  • 对于许多创业型公司而言,相对于自行开发,第三方消息推送工具在推送稳定性、精确覆盖性以及成本方面更具有优势,只需要下载并集成 SDK 就可以实现功能。本文中我们将盘点八款主流第三方 APP 消息推送工具,希望对...
  • 可是,你有想过,只是换了一个App名称,就让下载量直线上升吗?在改名“被窝音乐”之 前,“音阅FM”的开发团队也并没有想到会有如此出人意料的效果,但下载量的确从更名前所积累的7万用户,一下子蹿升至更名后一...
  • uni-app入门

    千次阅读 2020-03-04 18:01:26
    一、什么是uni-app uni-app 是一个使用 Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台 二、安装 uni-app支持通过 ...
  • App Store审核规则中文版(App审核被拒原因,苹果开发必备) 简介 App Store的指导原则非常简单 - 我们希望为用户获取 app 时提供更安全可靠的体验,并为所有开发者提供借助 app 获得成功的契机。为此,我们精心打造...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 11,509
精华内容 4,603
关键字:

富其app下载