大家好,今天小编来为大家解答以下的问题,关于复制网站源码分享的软件,复制的网页源代码能直接用吗这个很多人还不知道,现在让我们一起来看看吧!
mp-html
mp-html是一个强大的小程序富文本组件
功能介绍
支持在多个主流的小程序平台和uni-app中使用支持丰富的标签(包括table、video、svg等)支持丰富的事件效果(自动预览图片、链接处理等)支持设置占位图(加载中、出错时、预览时)支持锚点跳转、长按复制等丰富功能支持大部分html实体丰富的插件(关键词搜索、内容编辑、latex公式等)效率高、容错性强且轻量化(≈25KB,9KBgzipped)
功能介绍
渲染效果图片效果链接效果表格效果列表效果音视频效果样式设置全面的标签支持
插入视频效果
插入图片效果
使用方法
原生平台
npm方式在项目目录下安装组件包npminstallmp-html开发者工具中勾选使用npm模块(若没有此选项则不需要)并点击工具-构建npm在需要使用页面的json文件中添加{&34;:{&34;:&34;}}在需要使用页面的wxml文件中添加<mp-htmlcontent=&34;/>在需要使用页面的js文件中添加Page({onLoad(){this.setData({html:&39;})}})源码方式将源码中对应平台的代码包(dist/platform)拷贝到components目录下,更名为mp-html在需要使用页面的json文件中添加{&34;:{&34;:&34;}}后续步骤同上
查看快速开始了解更多
uni-app
源码方式将源码中dist/uni-app内的内容拷贝到项目根目录下可以直接通过插件市场引入在需要使用页面的vue文件中添加<template><view><mp-html:content=&34;/></view></template><script>importmpHtmlfrom&39;exportdefault{//HBuilderX2.5.5+可以通过easycom自动引入components:{mpHtml},data(){return{html:&39;}}}</script>npm方式在项目目录下安装组件包npminstallmp-html在需要使用页面的vue文件中添加<template><view><mp-html:content=&34;/></view></template><script>importmpHtmlfrom&39;exportdefault{//不可省略components:{mpHtml},data(){return{html:&39;}}}</script>使用cli方式运行的项目,通过npm方式引入时,需要在vue.config.js中配置transpileDependencies,详情可见/overview/quickstart
OK,本文到此结束,希望对大家有所帮助。
