@cherry-markdown/cherry-markdown-dev 0.8.58-dev

package/src/toolbars/hooks/Link.js

@@ -0,0 +1,49 @@
+/**
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import MenuBase from '@/toolbars/MenuBase';
+import { CONTROL_KEY, getKeyCode } from '@/utils/shortcutKey';
+/**
+ * 插入超链接
+ */
+export default class Link extends MenuBase {
+  /**
+   * @param {import('@/toolbars/MenuBase').MenuBaseConstructorParams} $cherry
+   */
+  constructor($cherry) {
+    super($cherry);
+    this.setName('link', 'link');
+    this.shortcutKeyMap = {
+      [`${CONTROL_KEY}-${getKeyCode('l')}`]: {
+        hookName: this.name,
+        aliasName: this.$cherry.locale[this.name],
+      },
+    };
+  }
+
+  /**
+   * 响应点击事件
+   * @param {string} selection 被用户选中的文本内容
+   * @returns {string} 回填到编辑器光标位置/选中文本区域的内容
+   */
+  onClick(selection, shortKey = '') {
+    // 插入图片，调用上传文件逻辑
+    if (/^http/.test(selection)) {
+      return `[${this.locale.link}](${selection})`;
+    }
+    const title = selection ? selection : this.locale.link;
+    return `[${title}](http://url.com) `;
+  }
+}

package/src/toolbars/hooks/List.js

@@ -0,0 +1,55 @@
+/**
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import MenuBase from '@/toolbars/MenuBase';
+import { getSelection } from '@/utils/selection';
+import { getListFromStr } from '@/utils/regexp';
+/**
+ * 插入有序/无序/checklist列表的按钮
+ */
+export default class List extends MenuBase {
+  constructor($cherry) {
+    super($cherry);
+    this.setName('list', 'list');
+    this.subMenuConfig = [
+      { iconName: 'ol', name: 'ol', onclick: this.bindSubClick.bind(this, '1') },
+      { iconName: 'ul', name: 'ul', onclick: this.bindSubClick.bind(this, '2') },
+      { iconName: 'checklist', name: 'checklist', onclick: this.bindSubClick.bind(this, '3') },
+    ];
+  }
+
+  getSubMenuConfig() {
+    return this.subMenuConfig;
+  }
+
+  /**
+   * 响应点击事件
+   * @param {string} selection 编辑区选中的文本内容
+   * @param {1|2|3|'ol'|'1'|'2'|'3'|'ul'|'checklist'|''} shortKey 快捷键：ol(1)有序列表，ul(2)无序列表，checklist(3) 检查项
+   * @returns 对应markdown的源码
+   */
+  onClick(selection, shortKey = '') {
+    const listType = [null, 'ol', 'ul', 'checklist']; // 下标1, 2, 3生效
+    const $selection = getSelection(this.editor.editor, selection, 'line', true);
+    const [before] = $selection.match(/^\n*/);
+    const [after] = $selection.match(/\n*$/);
+    const type = listType[shortKey] ? listType[shortKey] : shortKey;
+
+    if (!type || !/^(ol|ul|checklist)$/.test(type)) {
+      return $selection;
+    }
+    return `${before}${getListFromStr($selection, type)}${after}`;
+  }
+}

package/src/toolbars/hooks/MobilePreview.js

@@ -0,0 +1,44 @@
+/**
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import MenuBase from '@/toolbars/MenuBase';
+/**
+ * 预览区域切换到“移动端视图”的按钮
+ */
+export default class MobilePreview extends MenuBase {
+  constructor($cherry) {
+    super($cherry);
+    this.previewer = $cherry.previewer;
+    this.updateMarkdown = false;
+    this.setName('mobilePreview', 'phone');
+  }
+
+  /**
+   * 响应点击事件
+   * 因为是预览区域的按钮，所以不用关注编辑区的选中内容
+   */
+  onClick() {
+    this.previewer.removeScroll();
+    // TODO：是否可以只通过修改外层class的方式来实现移动端预览效果的展示，而不是增加删除dom结构的方式
+    const previewerDom = this.previewer.getDomContainer();
+    if (this.previewer.isMobilePreview) {
+      previewerDom.parentNode.innerHTML = previewerDom.innerHTML;
+    } else {
+      previewerDom.innerHTML = `<div class='cherry-mobile-previewer-content'>${previewerDom.innerHTML}</div>`;
+    }
+    this.previewer.isMobilePreview = !this.previewer.isMobilePreview;
+    this.previewer.bindScroll();
+  }
+}

package/src/toolbars/hooks/Ol.js

@@ -0,0 +1,41 @@
+/**
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import MenuBase from '@/toolbars/MenuBase';
+import { getSelection } from '@/utils/selection';
+import { getListFromStr } from '@/utils/regexp';
+
+/**
+ * 下标的按钮
+ **/
+export default class Ol extends MenuBase {
+  constructor($cherry) {
+    super($cherry);
+    this.setName('ol', 'ol');
+  }
+
+  /**
+   *
+   * @param {string} selection 被用户选中的文本内容
+   * @param {string} shortKey 快捷键参数，本函数不处理这个参数
+   * @returns {string} 回填到编辑器光标位置/选中文本区域的内容
+   */
+  onClick(selection, shortKey = '') {
+    const $selection = getSelection(this.editor.editor, selection, 'line', true) || 'Item 1\n    Item 1.1\nItem 2';
+    const [before] = $selection.match(/^\n*/);
+    const [after] = $selection.match(/\n*$/);
+    return `${before}${getListFromStr($selection, 'ol')}${after}`;
+  }
+}

package/src/toolbars/hooks/Panel.js

@@ -0,0 +1,140 @@
+/**
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import MenuBase from '@/toolbars/MenuBase';
+import { getPanelRule } from '@/utils/regexp';
+import { getSelection } from '@/utils/selection';
+/**
+ * 插入面板
+ */
+export default class Panel extends MenuBase {
+  constructor($cherry) {
+    super($cherry);
+    this.setName('panel', 'tips');
+    this.panelRule = getPanelRule().reg;
+    this.subMenuConfig = [
+      {
+        iconName: 'tips',
+        name: 'tips',
+        onclick: this.bindSubClick.bind(this, 'primary'),
+      },
+      {
+        iconName: 'info',
+        name: 'info',
+        onclick: this.bindSubClick.bind(this, 'info'),
+      },
+      {
+        iconName: 'warning',
+        name: 'warning',
+        onclick: this.bindSubClick.bind(this, 'warning'),
+      },
+      {
+        iconName: 'danger',
+        name: 'danger',
+        onclick: this.bindSubClick.bind(this, 'danger'),
+      },
+      {
+        iconName: 'success',
+        name: 'success',
+        onclick: this.bindSubClick.bind(this, 'success'),
+      },
+    ];
+  }
+
+  /**
+   * 从字符串中找打面板的name
+   * @param {string} str
+   * @returns {string | false}
+   */
+  $getNameFromStr(str) {
+    let ret = false;
+    this.panelRule.lastIndex = 0;
+    str.replace(this.panelRule, (match, preLines, name, content) => {
+      const $name = /\s/.test(name.trim()) ? name.trim().replace(/\s.*$/, '') : name;
+      ret = $name ? $name.trim().toLowerCase() : '';
+      return match;
+    });
+    return ret;
+  }
+
+  $getTitle(str) {
+    this.panelRule.lastIndex = 0;
+    str.replace(this.panelRule, (match, preLines, name, content) => {
+      const $name = name.trim();
+      return /\s/.test($name) ? $name.replace(/[^\s]+\s/, '') : '';
+    });
+    return '';
+  }
+
+  /**
+   * 响应点击事件
+   * @param {string} selection 被用户选中的文本内容
+   * @param {string} shortKey 快捷键参数
+   * @returns {string} 回填到编辑器光标位置/选中文本区域的内容
+   */
+  onClick(selection, shortKey = '') {
+    let $selection = getSelection(this.editor.editor, selection, 'line', true) || '内容';
+    let currentName = this.$getNameFromStr($selection);
+    let title = this.$getTitle($selection);
+    if (currentName === false) {
+      // 如果没有命中面板语法，则尝试扩大选区
+      this.getMoreSelection('::: ', '\n', () => {
+        const newSelection = this.editor.editor.getSelection();
+        const isMatch = this.$getNameFromStr(newSelection);
+        if (isMatch !== false) {
+          $selection = newSelection;
+          currentName = isMatch;
+          title = this.$getTitle(newSelection);
+        }
+        return isMatch !== false;
+      });
+    }
+    if (currentName !== false) {
+      // 如果命中了面板语法，则尝试去掉语法或者变更语法
+      if (currentName === shortKey) {
+        // 去掉面板语法
+        this.panelRule.lastIndex = 0;
+        return $selection.replace(this.panelRule, (match, preLines, name, content) => {
+          const $name = name.trim();
+          const $title = /\s/.test($name) ? $name.replace(/[^\s]+\s/, '') : '';
+          return `${$title}\n${content}`;
+        });
+      }
+      // 修改name
+      this.registerAfterClickCb(() => {
+        this.setLessSelection('::: ', '\n');
+      });
+      this.panelRule.lastIndex = 0;
+      return $selection.replace(this.panelRule, (match, preLines, name, content) => {
+        const $name = name.trim();
+        const $title = /\s/.test($name) ? $name.replace(/[^\s]+\s/, '') : '';
+        return `::: ${shortKey} ${$title}\n${content.replace(/\n+$/, '')}\n:::`;
+      });
+    }
+    this.registerAfterClickCb(() => {
+      this.setLessSelection('::: ', '\n');
+    });
+    $selection = $selection.replace(/^\n+/, '');
+    if (/\n/.test($selection)) {
+      if (!title) {
+        title = $selection.replace(/\n[\w\W]+$/, '');
+        $selection = $selection.replace(/^[^\n]+\n/, '');
+      }
+    } else {
+      title = title ? title : '标题';
+    }
+    return `::: ${shortKey} ${title}\n${$selection}\n:::`.replace(/\n{2,}:::/g, '\n:::');
+  }
+}

package/src/toolbars/hooks/Pdf.js

@@ -0,0 +1,78 @@
+/**
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import MenuBase from '@/toolbars/MenuBase';
+import { handleUpload, handleUploadMulti } from '@/utils/file';
+/**
+ * 插入pdf
+ */
+export default class Pdf extends MenuBase {
+  constructor($cherry) {
+    super($cherry);
+    this.setName('pdf', 'pdf');
+  }
+
+  /**
+   * 响应点击事件
+   * @param {string} selection 被用户选中的文本内容
+   * @returns {string} 回填到编辑器光标位置/选中文本区域的内容
+   */
+  onClick(selection, shortKey = '') {
+    const accept = this.$cherry.options?.fileTypeLimitMap?.pdf ?? '*';
+    const multiple = this.$cherry?.options.multipleFileSelection?.pdf ?? false;
+    if (multiple) {
+      if (this.hasCacheOnce()) {
+        const arr = this.getAndCleanCacheOnce();
+        let res = '';
+        // @ts-ignore
+        for (const { url, params } of arr) {
+          const begin = '[';
+          const end = `](${url})`;
+          this.registerAfterClickCb(() => {
+            this.setLessSelection(begin, end);
+          });
+          const finalName = params.name ? params.name : name;
+          res += `${begin}${finalName}${end}\n`;
+        }
+        return res;
+      }
+      // 插入图片，调用上传文件逻辑
+      handleUploadMulti(this.editor, 'pdf', accept, (arr) => {
+        this.setCacheOnce(arr);
+        this.fire(null);
+      });
+      this.updateMarkdown = false;
+      return selection;
+    }
+    if (this.hasCacheOnce()) {
+      // @ts-ignore
+      const { name, url, params } = this.getAndCleanCacheOnce();
+      const begin = '[';
+      const end = `](${url})`;
+      this.registerAfterClickCb(() => {
+        this.setLessSelection(begin, end);
+      });
+      const finalName = params.name ? params.name : name;
+      return `${begin}${finalName}${end}`;
+    }
+    // 插入图片，调用上传文件逻辑
+    handleUpload(this.editor, 'pdf', accept, (name, url, params) => {
+      this.setCacheOnce({ name, url, params });
+      this.fire(null);
+    });
+    this.updateMarkdown = false;
+    return selection;
+  }
+}

package/src/toolbars/hooks/Publish.js

@@ -0,0 +1,123 @@
+/**
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import MenuBase from '@/toolbars/MenuBase';
+import { isBrowser } from '@/utils/env';
+import platformTransform from '@/utils/platformTransform';
+
+/** @typedef {import('../../../types/cherry').SupportPlatform} SupportPlatform */
+
+/** @type {Array<SupportPlatform>} */
+const supportPlatforms = ['wechat'];
+
+export default class Publish extends MenuBase {
+  /**
+   * @param {import('@/toolbars/MenuBase').MenuBaseConstructorParams} $cherry
+   */
+  constructor($cherry) {
+    super($cherry);
+    this.previewer = $cherry.previewer;
+    this.updateMarkdown = false;
+    this.setName('publish', 'copy');
+    const publishConfigs = $cherry?.options?.toolbars?.config?.publish || [];
+    const keys = publishConfigs.map((config) => {
+      if (!Object.prototype.hasOwnProperty.call(config, 'key')) {
+        throw new Error('publish config must have key');
+      }
+      // @ts-ignore
+      if (!supportPlatforms.includes(config.key)) {
+        throw new Error(`publish config key must be one of ${supportPlatforms.join(',')}`);
+      }
+      return config.key;
+    });
+    if (new Set(keys).size !== keys.length) {
+      throw new Error('publish config key must be unique');
+    }
+    this.subMenuConfig = publishConfigs.map((config) => {
+      /** @type {import('../MenuBase').SubMenuConfigItem}*/
+      const subMenuConfig = {
+        name: config.name,
+        iconName: config.iconName,
+        icon: config.icon,
+        onclick: this.bindSubClick.bind(this, config),
+      };
+      return subMenuConfig;
+    });
+  }
+
+  /**
+   * 子菜单点击事件
+   * @param {string} selection 编辑器中选中的内容
+   * @param {import('../../../types/cherry').CherryPublishToolbarOption} shortcut 子菜单配置项
+   */
+  onClick(selection, shortcut) {
+    if (!isBrowser()) return;
+    const { previewerDom } = this.$cherry.previewer.options;
+    const title = previewerDom?.querySelector('h1')?.innerText ?? '';
+    const { key, serviceUrl, injectPayload } = shortcut;
+    const execute = async () => {
+      let injectPayloadResult = {};
+      if (typeof injectPayload === 'function') {
+        injectPayloadResult = await injectPayload();
+      } else if (typeof injectPayload === 'object' && injectPayload !== null) {
+        injectPayloadResult = injectPayload;
+      }
+      const style = this.getAllStyleSheets();
+      const html = await platformTransform(previewerDom?.outerHTML ?? '', key);
+      const res = await fetch(`${serviceUrl}/publish`, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({
+          target: key,
+          contentType: 'html',
+          needInlineStyle: true,
+          articles: [
+            {
+              title,
+              content: html + style,
+              ...injectPayloadResult,
+            },
+          ],
+        }),
+      });
+      const publishRes = await res.json();
+      if (publishRes?.code === 0) {
+        alert('发布成功');
+      } else {
+        alert(`错误码：${publishRes?.code} 错误信息：${publishRes?.msg}`);
+      }
+    };
+    execute();
+  }
+
+  /**
+   * 获取所有的样式表
+   * @returns {string}
+   */
+  getAllStyleSheets() {
+    const allSheets = Array.from(document.styleSheets).filter((item) => item.cssRules[0]);
+    // 每一条styleSheet用一个style标签包裹
+    return allSheets
+      .map(
+        (cssStyleSheet) =>
+          `<style>${Array.from(cssStyleSheet.cssRules)
+            .map((cssRule) => cssRule.cssText)
+            .join('')}</style>`,
+      )
+      .join('');
+  }
+}

package/src/toolbars/hooks/QuickTable.js

@@ -0,0 +1,43 @@
+/**
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import MenuBase from '@/toolbars/MenuBase';
+/**
+ * 插入“简单表格”的按钮
+ * 所谓简单表格，是源于[TAPD](https://tapd.cn) wiki应用里的一种表格语法
+ * 该表格语法不是markdown通用语法，请慎用
+ */
+export default class QuickTable extends MenuBase {
+  constructor($cherry) {
+    super($cherry);
+    this.setName('quickTable', 'table');
+  }
+
+  /**
+   * 响应点击事件
+   * @param {string} selection 编辑器里选中的内容
+   * @param {string} shortKey 本函数不处理快捷键
+   * @returns
+   */
+  onClick(selection, shortKey = '') {
+    // TODO：可以尝试解析下selection里的内容，按\s、\t区分列，按\n区分行
+    return (
+      `${selection}| LeftAlignedCol | CenterAlignedCol | RightAlignedCol |\n` +
+      '| :--- | :---: | ---: |\n' +
+      '| sampleText | sampleText | sampleText |\n' +
+      '| **left**Text | centered Text | *right*Text |\n'
+    );
+  }
+}

package/src/toolbars/hooks/Quote.js

@@ -0,0 +1,45 @@
+/**
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import MenuBase from '@/toolbars/MenuBase';
+import { getSelection } from '@/utils/selection';
+/**
+ * 插入“引用”的按钮
+ */
+export default class Quote extends MenuBase {
+  constructor($cherry) {
+    super($cherry);
+    this.setName('quote', 'blockquote');
+  }
+
+  /**
+   * click handler
+   * @param {string} selection selection in editor
+   * @returns
+   */
+  onClick(selection) {
+    const $selection = getSelection(this.editor.editor, selection, 'line', true) || this.locale.quote;
+    const isWrapped = $selection.split('\n').every((text) => /^\s*>[^\n]+$/.exec(text));
+    if (isWrapped) {
+      // 去掉>号
+      return $selection.replace(/(^\s*)>\s*([^\n]+)($)/gm, '$1$2$3').replace(/\n+$/, '\n\n');
+    }
+    this.registerAfterClickCb(() => {
+      this.setLessSelection('> ', '');
+    });
+    // 给每一行增加>号
+    return $selection.replace(/(^)([^\n]+)($)/gm, '$1> $2$3').replace(/\n+$/, '\n\n');
+  }
+}

package/src/toolbars/hooks/Redo.js

@@ -0,0 +1,33 @@
+/**
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import MenuBase from '@/toolbars/MenuBase';
+/**
+ * 撤销/重做 里的“重做”按键
+ * 依赖codemirror的undo接口
+ */
+export default class Redo extends MenuBase {
+  constructor($cherry) {
+    super($cherry);
+    this.setName('redo', 'redo');
+  }
+
+  /**
+   * 直接调用codemirror的redo方法就好了
+   */
+  onClick() {
+    this.editor.editor.redo();
+  }
+}