rich-text.js 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. const htmlSnip =
  2. `<div class="div_class">
  3. <h1>Title</h1>
  4. <p class="p">
  5. Life is&nbsp;<i>like</i>&nbsp;a box of
  6. <b>&nbsp;chocolates</b>.
  7. </p>
  8. </div>
  9. `
  10. const nodeSnip =
  11. `Page({
  12. data: {
  13. nodes: [{
  14. name: 'div',
  15. attrs: {
  16. class: 'div_class',
  17. style: 'line-height: 60px; color: red;'
  18. },
  19. children: [{
  20. type: 'text',
  21. text: 'You never know what you're gonna get.'
  22. }]
  23. }]
  24. }
  25. })
  26. `
  27. Page({
  28. onShareAppMessage() {
  29. return {
  30. title: 'rich-text',
  31. path: 'page/component/pages/rich-text/rich-text'
  32. }
  33. },
  34. data: {
  35. htmlSnip,
  36. nodeSnip,
  37. renderedByHtml: false,
  38. renderedByNode: false,
  39. nodes: [{
  40. name: 'div',
  41. attrs: {
  42. class: 'div_class',
  43. style: 'line-height: 60px; color: #1AAD19;'
  44. },
  45. children: [{
  46. type: 'text',
  47. text: 'You never know what you\'re gonna get.'
  48. }]
  49. }]
  50. },
  51. renderHtml() {
  52. this.setData({
  53. renderedByHtml: true
  54. })
  55. },
  56. renderNode() {
  57. this.setData({
  58. renderedByNode: true
  59. })
  60. },
  61. enterCode(e) {
  62. console.log(e.detail.value)
  63. this.setData({
  64. htmlSnip: e.detail.value
  65. })
  66. }
  67. })