70 lines
1.2 KiB
JavaScript
70 lines
1.2 KiB
JavaScript
|
const htmlSnip =
|
||
|
|
`<div class="div_class">
|
||
|
|
<h1>Title</h1>
|
||
|
|
<p class="p">
|
||
|
|
Life is <i>like</i> a box of
|
||
|
|
<b> chocolates</b>.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
`
|
||
|
|
|
||
|
|
const nodeSnip =
|
||
|
|
`Page({
|
||
|
|
data: {
|
||
|
|
nodes: [{
|
||
|
|
name: 'div',
|
||
|
|
attrs: {
|
||
|
|
class: 'div_class',
|
||
|
|
style: 'line-height: 60px; color: red;'
|
||
|
|
},
|
||
|
|
children: [{
|
||
|
|
type: 'text',
|
||
|
|
text: 'You never know what you're gonna get.'
|
||
|
|
}]
|
||
|
|
}]
|
||
|
|
}
|
||
|
|
})
|
||
|
|
`
|
||
|
|
|
||
|
|
Page({
|
||
|
|
onShareAppMessage() {
|
||
|
|
return {
|
||
|
|
title: 'rich-text',
|
||
|
|
path: 'page/component/pages/rich-text/rich-text'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
data: {
|
||
|
|
htmlSnip,
|
||
|
|
nodeSnip,
|
||
|
|
renderedByHtml: false,
|
||
|
|
renderedByNode: false,
|
||
|
|
nodes: [{
|
||
|
|
name: 'div',
|
||
|
|
attrs: {
|
||
|
|
class: 'div_class',
|
||
|
|
style: 'line-height: 60px; color: #1AAD19;'
|
||
|
|
},
|
||
|
|
children: [{
|
||
|
|
type: 'text',
|
||
|
|
text: 'You never know what you\'re gonna get.'
|
||
|
|
}]
|
||
|
|
}]
|
||
|
|
},
|
||
|
|
renderHtml() {
|
||
|
|
this.setData({
|
||
|
|
renderedByHtml: true
|
||
|
|
})
|
||
|
|
},
|
||
|
|
renderNode() {
|
||
|
|
this.setData({
|
||
|
|
renderedByNode: true
|
||
|
|
})
|
||
|
|
},
|
||
|
|
enterCode(e) {
|
||
|
|
console.log(e.detail.value)
|
||
|
|
this.setData({
|
||
|
|
htmlSnip: e.detail.value
|
||
|
|
})
|
||
|
|
}
|
||
|
|
})
|