提供80+媒体资源
我司提供互联网广告营销服务超10年，拥有专业的人才储备
快手广告投放-快手小程序（开发-组件）02
发布时间：2023-06-13 22:21:54
作者：巨宣网络
来源：juxuan.net
浏览量（98）
一、快手广告投放-rich-text
富文本。
属性
| 属性 | 类型 | 默认值 | 必填 | 说明 |
| nodes | string | Array<PropNode> | [] | 否 | 节点列表/HTML String |
| space | 'ensp' | 'emsp' | 'nbsp' | 否 | 显示连续空格 |
space
显示连续空格
| 值 | 说明 |
|---|---|
| 'ensp' | 中文字符空格一半大小 |
| 'emsp' | 中文字符空格大小 |
| 'nbsp' | 根据字体设置的空格大小 |
nodes
现支持两种节点，通过 type 来区分，分别是元素节点和文本节点，默认是元素节点，在富文本区域里显示的 HTML 节点
快手推广-元素节点：type = node
| 属性 | 说明 | 类型 | 必填 | 备注 |
| name | 标签名 | string | 是 | 支持部分受信任的 HTML 节点 |
| attrs | 属性 | object | 否 | 支持部分受信任的属性，遵循 Pascal 命名法 |
| children | 子节点列表 | array | 否 | 结构和 nodes 一致 |
快手信息流广告-文本节点：type = text
| 属性 | 说明 | 类型 | 必填 | 备注 |
| text | 文本 | string | 是 | 支持 entities |
快手广告-受信任的 HTML 节点及属性
全局支持 class 和 style 属性，不支持 id 属性。
| 节点 | 属性 |
| a | |
| abbr | |
| address | |
| article | |
| aside | |
| b | |
| bdi | |
| bdo | dir |
| big | |
| blockquote | |
| br | |
| caption | |
| center | |
| cite | |
| code | |
| col | span，width |
| colgroup | span，width |
| dd | |
| del | |
| div | |
| dl | |
| dt | |
| em | |
| fieldset | |
| font | |
| footer | |
| h1 | |
| h2 | |
| h3 | |
| h4 | |
| h5 | |
| h6 | |
| header | |
| hr | |
| i | |
| img | alt，src，height，width |
| ins | |
| label | |
| legend | |
| li | |
| nav | |
| ol | start，type |
| p | |
| pre | |
| q | |
| emsp | |
| rt | |
| ruby | |
| s | |
| section | |
| small | |
| span | |
| strong | |
| sub | |
| sup | |
| table | width |
| tbody | |
| td | colspan，height，rowspan，width |
| tfoot | |
| th | colspan，height，rowspan，width |
| thead | |
| tr | colspan，height，rowspan，width |
| tt | |
| u | |
| ul |
tip: nodes 不推荐使用 String 类型，性能会有所下降。
tip: rich-text 组件内屏蔽所有节点的事件。
tip: attrs 属性不支持 id ，支持 class 。
tip: name 属性大小写不敏感。
tip: 如果使用了不受信任的 HTML 节点，该节点及其所有子节点将会被移除。
tip: img 标签仅支持网络图片。
tip: 如果在自定义组件中使用 rich-text 组件，那么仅自定义组件的 css 样式对 rich-text 中的 class 生效。
示例代码
| KMSL | JS |
<view class='total'> <view class='wrap'> <view class='title'>通过代码渲染</view> <scroll-view style="height: 80px;" class='scr-v top10' scroll-y>{{code}}</scroll-view> <view class='title top20'>渲染结果</view> <view class='top10'> <rich-text nodes='{{code}}'></rich-text> </view> </view> <!-- <view class='wrap'> <view class='title'>通过节点渲染</view> <scroll-view class='scr-v top10' scroll-y>{{nodesShow}}</scroll-view> <view class='title top20'>渲染结果</view> <view class='top10'> <rich-text nodes='{{nodes}}'></rich-text> </view> </view> --> </view> | const code= `<div class='center'> <h3>I like dog</h3> <img width='100' height='100' src='http://bpic.588ku.com/element_origin_min_pic/16/12/02/61d3bc2e2e340d5f87cf686ce68a07dd.jpg' /> </div>`; const nodesShow = `{ nodes: [{ name: 'div', attrs: { style: 'line-height: 60px; color: #ff5000;' }, children: [{ type: 'text', text: 'I like dog' }] }] }`; Page({ onShareAppMessage(){ return { title: 'rich-text', path: 'page/component/rich-text/index' } }, data: { code, nodesShow, nodes: [{ name: 'div', attrs: { class: 'center', style: 'line-height: 60px; color: #ff5000;' }, children: [{ type: 'text', text: 'I like dog', }] }] }, }) |
| CSS |
.scr-v{ height: 200px; border: 1px solid #eeeeee; white-space: pre; padding: 5px; box-sizing: border-box; } .title{ font-size: 18px; font-weight: bold; } .center{ text-align: center; border: 1px solid #eeeeee; } |
text
文本。
属性
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| selectable | boolean | false | 否 | 文本是否可选 |
| space | 'ensp' | 'emsp' | 'nbsp' | 否 | 显示连续空格 | |
| decode | boolean | false | 否 | 是否解码 |
space
显示连续空格
| 值 | 说明 |
| 'ensp' | 中文字符空格一半大小 |
| 'emsp' | 中文字符空格大小 |
| 'nbsp' | 根据字体设置的空格大小 |
tip: decode 可以解析的有 < > & '    
tip: 各个操作系统的空格标准并不一致。
tip: text 组件内只支持 text 嵌套。
tip: 除了文本节点以外的其他节点都无法长按选中。
<view class='total'> <view class='wrap'> <view class='title'>可选择文本</view> <view class='txt'> <text ks:for="{{text}}" class='con' selectable>{{item}}</text> </view> </view> </view> |
Page({ onShareAppMessage() { return { title: 'text', path: 'page/component/text/index' } }, data: { text: ['拥抱熟悉的生活', '拥抱新鲜的生活', '拥抱精彩的生活', '拥抱每一种生活'] } }) |
.title{ font-size: 18px; border-bottom: 1px solid #eeeeee; height: 30px; padding-left: 20px; } .txt{ margin: 10px 20px 0px; } .con{ display: block; text-decoration: none; overflow: hidden; } .wrap { padding: 20px 0px; width: 90vw; } |
有关快手广告开户投放等相关问题可以找巨宣网络，公司有着六年的广告投放经验，能帮广告主解决广告制作，推广代运营等服务。提供开户到上线全过程服务流程，从账户下户到上线只需要提供相关资质和素材就可以了。以更高的效率来获取广告带来的效果。
公司优势
行业头部客户运营经验
拥有单账户日消耗百万运营经验，广告账户总量超1万！
专业建站/美工/拍摄团队
账户开通后，提供专业的建站运营服务，百名运营服务！
较高政策优惠
如无需我司进行代运营，可提供较高返点政策，靠谱！
注意事项
- 首次开通账户注意哪些？
- 不论您是想投放那个媒体，都需要提前确定开户资质，避免因为资质不全无法上线，资质齐全才能上线广告，不论任何广告平台，资质齐全是广告上线最重要的第一步！
- 开通广告账户需要多少钱？
- 每个广告账户开户价格都有所差距，业内基础开户价格基本为5000元起充值，如低于该费用，需再三核实对方信息，避免上当受骗！
- 一般开通广告账户需要多长时间？
- 如果您的资质齐全，开户时间基本当天就可以下户，如行业较为特殊，开户时间基本不超过3个工作日。
- 开户后你们能做哪些服务？
- 开通广告账户后，我司可以协助广告主搭建落地页、上传广告素材、制作广告素材、效果优化等服务，我司拥有运营人员上百人！
- 可以帮助我们拍摄视频吗？
- 我司不提供免费视频拍摄，因目前各平台对于素材审核较为严格，视频素材如需我司提供需与我司客服沟通拍摄要求，视频拍摄价格从300元-3000元不等，根据广告主需求确定价格。
304