add-click-to-show-in-wechat-article.js

const getMaskHtml = height => 
`<svg width="100%" height="${height}" xmlns="http://www.w3.org/2000/svg">
  <rect width="100%" height="${height}" style="fill: rgb(254, 254, 254);">
    <animate attributeName="opacity" begin="click" dur="6s" from="1" to="0" fill="freeze"></animate>
  </rect>
</svg>`;

const setMask = content => {
  if (content.indexOf('</svg>') > 0) {
    console.log('added')
    return content;
  } else {
    console.log('to add')
  }
  const height = 1200; // this value is to be define
  return `<section style="height: ${height}px">${content}</section><section style="height: ${height}px; margin-top: -${height}px;">${getMaskHtml(height)}</section>`;
};

const operations = [ setMask ];

const { editor } = $EDITORUI.edui1;

editor._getContent = editor.getContent;
editor.getContent = function (...args) {
  return operations.reduce((content, op) => {
    return op(content);
  }, this._getContent(...args))
};