@cherry-markdown/cherry-markdown-dev 0.9.0-dev.202504110650.834443a → 0.9.0-dev.202504160300.d23d141

package/src/utils/pasteHelper.js

@@ -1,253 +0,0 @@
-/**
- * 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 { createElement } from '@/utils/dom';
-
-const SAFE_AREA_MARGIN = 15;
-
-/**
- * Cherry实现了将粘贴的html内容转成对应的markdown源码的功能
- * 本工具主要实现将粘贴html转成的markdown源码在编辑器中选中，并给出切换按钮
- * 可以切换为纯文本内容，或者markdown内容
- */
-const pasteHelper = {
-  /**
-   * 核心方法，粘贴后展示切换按钮
-   * 只有粘贴html时才会出现切换按钮
-   * @param {Object} currentCursor 当前的光标位置
-   * @param {Object} editor 编辑器对象
-   * @param {string} html html里的纯文本内容
-   * @param {string} md html对应的markdown源码
-   * @returns
-   */
-  showSwitchBtnAfterPasteHtml($cherry, currentCursor, editor, html, md) {
-    if (html.trim() === md.trim()) {
-      return;
-    }
-    this.init($cherry, currentCursor, editor, html, md);
-    this.setSelection();
-    this.bindListener();
-    this.initBubble();
-    this.showBubble();
-    // 默认粘贴成markdown格式，如果用户上次选择粘贴为纯文本，则需要切换为text
-    if (this.getTypeFromLocalStorage() === 'text') {
-      this.switchTextClick();
-    }
-  },
-
-  init($cherry, currentCursor, editor, html, md) {
-    this.$cherry = $cherry;
-    this.html = html;
-    this.md = md;
-    this.codemirror = editor;
-    this.currentCursor = currentCursor;
-    this.locale = $cherry.locale;
-  },
-
-  /**
-   * 获取缓存中的复制粘贴类型
-   */
-  getTypeFromLocalStorage() {
-    if (typeof localStorage === 'undefined') {
-      return 'md';
-    }
-    return localStorage.getItem('cherry-paste-type') || 'md';
-  },
-
-  /**
-   * 记忆最近一次用户选择的粘贴类型
-   */
-  setTypeToLocalStorage(type) {
-    if (typeof localStorage === 'undefined') {
-      return;
-    }
-    localStorage.setItem('cherry-paste-type', type);
-  },
-
-  /**
-   * 在编辑器中自动选中刚刚粘贴的内容
-   */
-  setSelection() {
-    const { /* sticky, xRel, */ ...end } = this.codemirror.getCursor();
-    const begin = this.currentCursor;
-    this.codemirror.setSelection(begin, end);
-  },
-  /**
-   * 绑定事件
-   * 当编辑器选中区域改变、内容改变时，隐藏切换按钮
-   * 当编辑器滚动时，实时更新切换按钮的位置
-   * @returns null
-   */
-  bindListener() {
-    if (!this.hasBindListener) {
-      this.hasBindListener = true;
-    } else {
-      return true;
-    }
-    this.codemirror.on('beforeSelectionChange', (codemirror, info) => {
-      this.hideBubble();
-    });
-    this.codemirror.on('beforeChange', (codemirror, info) => {
-      this.hideBubble();
-    });
-    this.codemirror.on('scroll', (codemirror) => {
-      this.updatePositionWhenScroll();
-    });
-  },
-
-  isHidden() {
-    return this.bubbleDom.style.display === 'none';
-  },
-
-  toggleBubbleDisplay() {
-    if (this.isHidden()) {
-      this.bubbleDom.style.display = '';
-      return;
-    }
-    this.bubbleDom.style.display = 'none';
-    return;
-  },
-
-  hideBubble() {
-    if (this.noHide) {
-      return true;
-    }
-    if (this.isHidden()) {
-      return;
-    }
-    this.toggleBubbleDisplay();
-  },
-
-  updatePositionWhenScroll() {
-    if (this.isHidden()) {
-      return;
-    }
-    // FIXME: update position when stick to the bottom
-    // const isStickToBottom = !this.bubbleDom.style.top;
-    const offset = this.bubbleDom.dataset.scrollTop - this.getScrollTop();
-    this.bubbleDom.style.marginTop = `${offset}px`;
-  },
-
-  getScrollTop() {
-    return this.codemirror.getScrollInfo().top;
-  },
-
-  showBubble() {
-    const { top } = this.getLastSelectedPosition();
-    if (this.isHidden()) {
-      this.toggleBubbleDisplay();
-      this.bubbleDom.style.marginTop = '0';
-      this.bubbleDom.dataset.scrollTop = this.getScrollTop();
-    }
-    /**
-     * @type {HTMLDivElement}
-     */
-    const codemirrorWrapper = this.codemirror.getWrapperElement();
-    const maxTop = codemirrorWrapper.clientHeight - this.bubbleDom.getBoundingClientRect().height - SAFE_AREA_MARGIN;
-
-    if (top > maxTop) {
-      this.bubbleDom.style.top = '';
-      this.bubbleDom.style.bottom = `${SAFE_AREA_MARGIN}px`;
-    } else {
-      this.bubbleDom.style.top = `${top}px`;
-      this.bubbleDom.style.bottom = '';
-    }
-  },
-
-  initBubble() {
-    if (this.bubbleDom) {
-      this.bubbleDom.setAttribute('data-type', 'md');
-      return true;
-    }
-    const dom = createElement('div', 'cherry-bubble cherry-bubble--centered cherry-switch-paste');
-    dom.style.display = 'none';
-
-    const switchText = createElement('span', 'cherry-toolbar-button cherry-text-btn', {
-      title: this.locale.pastePlain,
-    });
-    switchText.innerText = 'TEXT';
-
-    const switchMd = createElement('span', 'cherry-toolbar-button cherry-md-btn', {
-      title: this.locale.pasteMarkdown,
-    });
-    switchMd.innerText = 'Markdown';
-
-    const switchBG = createElement('span', 'switch-btn--bg');
-
-    this.bubbleDom = dom;
-    this.switchText = switchText;
-    this.switchMd = switchMd;
-    this.switchBG = switchBG;
-    this.bubbleDom.appendChild(switchText);
-    this.bubbleDom.appendChild(switchMd);
-    this.bubbleDom.appendChild(switchBG);
-    this.bubbleDom.setAttribute('data-type', 'md');
-    this.codemirror.getWrapperElement().appendChild(this.bubbleDom);
-    this.switchMd.addEventListener('click', this.switchMDClick.bind(this));
-    this.switchText.addEventListener('click', this.switchTextClick.bind(this));
-  },
-
-  switchMDClick(event) {
-    this.setTypeToLocalStorage('md');
-    if (this.bubbleDom.getAttribute('data-type') === 'md') {
-      return;
-    }
-    this.noHide = true;
-    this.bubbleDom.setAttribute('data-type', 'md');
-    this.codemirror.doc.replaceSelection(this.md);
-    this.setSelection();
-    this.showBubble();
-    this.noHide = false;
-  },
-  switchTextClick(event) {
-    this.setTypeToLocalStorage('text');
-    if (this.bubbleDom.getAttribute('data-type') === 'text') {
-      return;
-    }
-    this.noHide = true;
-    this.bubbleDom.setAttribute('data-type', 'text');
-    this.codemirror.doc.replaceSelection(this.html);
-    this.setSelection();
-    this.showBubble();
-    this.noHide = false;
-  },
-
-  getLastSelectedPosition() {
-    const selectedObjs = Array.from(this.codemirror.getWrapperElement().getElementsByClassName('CodeMirror-selected'));
-    let width = 0;
-    let top = 0;
-    if (selectedObjs.length <= 0) {
-      this.hideBubble();
-      return {};
-    }
-    // FIXME: remove redundant width calculation
-    for (let key = 0; key < selectedObjs.length; key++) {
-      const item = selectedObjs[key];
-      const position = item.getBoundingClientRect();
-      const tmpWidth = position.left + position.width / 2;
-      const tmpTop = position.top + position.height;
-      if (tmpTop > top && tmpWidth >= width) {
-        top = tmpTop;
-      }
-      if (tmpWidth > width) {
-        width = tmpWidth;
-      }
-    }
-    return { top };
-  },
-};
-
-export default pasteHelper;

package/src/utils/platformTransform.js

@@ -1,71 +0,0 @@
-/**
- * 将图片转成base64，防止出现由于图片防盗链功能导致图裂的情况
- * @param {string} url 图片的地址
- * @param {Function} [callback] 回调函数，本函数不处理该参数
- * @param {string} [outputFormat]
- * @returns {Promise<string>} img node
- */
-function convertImgToBase64(url, callback, outputFormat) {
-  return new Promise((resolve) => {
-    let canvas = /** @type {HTMLCanvasElement}*/ (document.createElement('CANVAS'));
-    const ctx = canvas.getContext('2d');
-    const img = new Image();
-    img.crossOrigin = 'Anonymous';
-    img.onload = function () {
-      canvas.height = img.height;
-      canvas.width = img.width;
-      ctx.drawImage(img, 0, 0);
-      const dataURL = canvas.toDataURL(outputFormat || 'image/png');
-      resolve(dataURL);
-      canvas = null;
-    };
-    img.src = url;
-  });
-}
-
-/**
- * 将cherry-markdown渲染的html转换为微信公众号支持的格式
- * @param {string} rawHtml 原始html
- * @returns {Promise<string>} 转换完成的html
- */
-export const transformWechat = async (rawHtml) => {
-  // 防止echarts标签被转成p时丢失样式
-  const figureRegex = /(<figure data-lines=.+?<)div(.+?<\/)div(>.*?<\/figure>)/g;
-  let html = rawHtml.replace(figureRegex, (match, prefix, content, suffix) => {
-    return `${prefix}p${content}p${suffix}`;
-  });
-  // 图片转base64，防止无法自动上传
-  const imgRegex = /(<img.+?src=")(.+?)(".*?>)/g;
-  /** @type {(Promise<string>)[]} */
-  const promises = [];
-  html.replace(imgRegex, (match, prefix, src) => {
-    promises.push(convertImgToBase64(src));
-    // 这一步并不需要替换
-    return match;
-  });
-  const urls = await Promise.all(promises);
-  // 去掉a标签的href属性，微信公众号不支持
-  html = html.replace(/(<a[^>]+)href="[^"]*"/g, '$1');
-  // 将预览区域宽度设置为100%
-  html = html.replace(/(<div[^>]+style="[^">]*width:\s*)[^";]+(;[^>]*>)/g, '$1100%$2');
-  return html.replace(imgRegex, (match, prefix, src, suffix) => prefix + urls.shift() + suffix);
-};
-
-/**
- * 将 cherry-markdown 渲染的 html 转换为对应平台支持的格式
- * @param {string} htmlStr html 字符串
- * @param {import('../../types/cherry').SupportPlatform} platform 平台
- */
-export const platformTransform = async (htmlStr, platform) => {
-  if (typeof htmlStr !== 'string' || !htmlStr) {
-    return '';
-  }
-  switch (platform) {
-    case 'wechat':
-      return transformWechat(htmlStr);
-    default:
-      throw new Error('platform not support');
-  }
-};
-
-export default platformTransform;

package/src/utils/recount-pos.js

@@ -1,59 +0,0 @@
-/**
- * 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 diff from 'fast-diff';
-/**
- * 更新内容时保持光标不变
- * @param {Number} pos 光标相对文档开头的偏移量
- * @param {String} oldContent 变更前的内容
- * @param {String} newContent 变更后的内容
- * @returns {Number} newPos 新的光标偏移量
- */
-export default function getPosBydiffs(pos, oldContent, newContent) {
-  const diffs = diff(oldContent, newContent);
-  let newPos = pos;
-  let tmpPos = pos;
-  for (let i = 0; i < diffs.length; i++) {
-    const val = diffs[i];
-    if (tmpPos <= 0) {
-      return newPos;
-    }
-    const opType = val[0];
-    const opLength = val[1].length;
-    switch (opType) {
-      // 没有改变的内容
-      case diff.EQUAL:
-        if (tmpPos <= opLength) {
-          return newPos;
-        }
-        tmpPos -= opLength;
-        break;
-      // 删除的内容
-      case diff.DELETE:
-        if (tmpPos <= opLength) {
-          return newPos - opLength + tmpPos;
-        }
-        tmpPos -= opLength;
-        newPos -= opLength;
-        break;
-      // 新增的内容
-      case diff.INSERT:
-        newPos += opLength;
-        break;
-    }
-  }
-  return newPos;
-}

package/src/utils/regexp.js

@@ -1,295 +0,0 @@
-/**
- * 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.
- */
-export function compileRegExp(obj, flags, allowExtendedFlags) {
-  let source = obj.begin + obj.content + obj.end;
-  if (allowExtendedFlags) {
-    // Extend \h for horizontal whitespace
-    source = source.replace(/\[\\h\]/g, HORIZONTAL_WHITESPACE).replace(/\\h/g, HORIZONTAL_WHITESPACE);
-  }
-  return new RegExp(source, flags || 'g');
-}
-
-export function isLookbehindSupported() {
-  try {
-    new RegExp('(?<=.)');
-    return true;
-  } catch (ignore) {}
-  return false;
-}
-
-export const HORIZONTAL_WHITESPACE = '[ \\t\\u00a0]';
-
-// 仅适用非多行模式的正则
-export const ALLOW_WHITESPACE_MULTILINE = '(?:.*?)(?:(?:\\n.*?)*?)';
-export const DO_NOT_STARTS_AND_END_WITH_SPACES = '(?:\\S|(?:\\S.*?\\S))';
-export const DO_NOT_STARTS_AND_END_WITH_SPACES_MULTILINE =
-  '(?:(?:\\S|(?:\\S[^\\n]*?\\S))(?:\\n(?:\\S|(?:\\S[^\\n]*?\\S)))*?)';
-
-/**
- * @deprecated
- *
- * 存在严重性能问题，应弃用
- */
-export const DO_NOT_STARTS_AND_END_WITH_SPACES_MULTILINE_ALLOW_EMPTY = '(?:(?:\\S|(?:\\S.*?\\S))(?:[ \\t]*\\n.*?)*?)';
-
-export const NOT_ALL_WHITE_SPACES_INLINE = '(?:[^\\n]*?\\S[^\\n]*?)';
-
-export const NORMAL_INDENT = '[ ]{0, 3}|\\t';
-export const NO_BACKSLASH_BEFORE_CAPTURE = '[^\\\\]';
-
-// https://spec.commonmark.org/0.29/#ascii-punctuation-character
-// !, ", #, $, %, &, ', (, ), *, +, ,, -, ., / (U+0021–2F),
-// :, ;, <, =, >, ?, @ (U+003A–0040),
-// [, \, ], ^, _, ` (U+005B–0060),
-// {, |, }, or ~ (U+007B–007E).
-export const PUNCTUATION = '[\\u0021-\\u002F\\u003a-\\u0040\\u005b-\\u0060\\u007b-\\u007e]';
-
-// extra punctuations
-export const CHINESE_PUNCTUATION = '[！“”¥‘’（），。—：；《》？【】「」·～｜]';
-
-// 下划线强调语法允许的边界符号
-export const UNDERSCORE_EMPHASIS_BOUNDARY =
-  '[' +
-  '\\u0021-\\u002F\\u003a-\\u0040\\u005b\\u005d\\u005e\\u0060\\u007b-\\u007e' + // punctuations defined in commonmark
-  ' ' +
-  '\\t\\n' +
-  '！“”¥‘’（），。—：；《》？【】「」·～｜' + // chinese punctuations
-  ']';
-
-// https://html.spec.whatwg.org/multipage/input.html#e-mail-state-(type%3Demail)
-export const EMAIL_INLINE = new RegExp(
-  [
-    /[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+/.source,
-    '@',
-    /[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*/.source,
-  ].join(''),
-);
-export const EMAIL = new RegExp(`^${EMAIL_INLINE.source}$`);
-
-// https://gist.github.com/dperini/729294
-// [USERNAME[:PASSWORD]@](IP|HOST)[:PORT][/SOURCE_PATH?QUERY_PARAMS#HASH]
-export const URL_INLINE_NO_SLASH = new RegExp(
-  '' + // 针对eslint的特殊处理
-    '(?:\\S+(?::\\S*)?@)?' +
-    '(?:' +
-    // IP address exclusion
-    // IP address dotted notation octets
-    // excludes loopback network 0.0.0.0
-    // excludes reserved space >= 224.0.0.0
-    // excludes network & broadcast addresses
-    // (first & last IP address of each class)
-    '(?:1\\d\\d|2[01]\\d|22[0-3]|[1-9]\\d?)' +
-    '(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}' +
-    '(?:\\.(?:1\\d\\d|2[0-4]\\d|25[0-4]|[1-9]\\d?))' +
-    '|' +
-    // host & domain names, may end with dot
-    '(?![-_])(?:[-\\w\\xa1-\\xff]{0,63}[^-_]\\.)+' +
-    // TLD identifier name, may end with dot
-    '(?:[a-zA-Z\\xa1-\\xff]{2,}\\.?)' +
-    ')' +
-    // port number (optional)
-    '(?::\\d{2,5})?' +
-    // resource path (optional)
-    '(?:[/?#][^\\s<>\\x00-\\x1f"\\(\\)]*)?',
-);
-export const URL_INLINE = new RegExp(
-  // eslint特殊处理
-  // protocol identifier (optional)
-  // short syntax // still required
-  // '(?:(?:(?:https?|ftp):)?\\/\\/)' +
-  `(?:\\/\\/)${URL_INLINE_NO_SLASH.source}`,
-);
-
-export const URL_NO_SLASH = new RegExp(`^${URL_INLINE_NO_SLASH.source}$`);
-
-export const URL = new RegExp(`^${URL_INLINE.source}$`);
-
-// 正则结果[全部, 判定符之前的空格或者tab, 判定符, checkbox内容(没有就是undefined), 列表内容]
-export const LIST_CONTENT =
-  /^([ \t]*)([*+-][ ](\[[ x]\])?|[0-9一二三四五六七八九十零]+\.|[a-z]\.|\b(?:M{0,3}(?:CM|CD|D?C{0,3})(?:XC|XL|L?X{0,3})(?:IX|IV|V?I{0,3}))\b\.)([^\r\n]*)/;
-
-export function getTableRule(merge = false) {
-  // ^(\|[^\n]+\|\r?\n)((?:\|:?[-]+:?)+\|)(\n(?:\|[^\n]+\|\r?\n?)*)?$
-  // (\\|?[^\\n|]+\\|?\\n)(?:\\|?[\\s]*:?[-]{2,}:?[\\s]*
-  // (?:\\|[\\s]*:?[-]{2,}:?[\\s]*)+\\|?)(\\n\\|?(\\|[^\\n|]+)*\\|?)?
-  /**
-   * (\|[^\n]+\|\n)     Headers
-   * ((\|[\s]*:?[-]{2,}:?[\s]*)+\|)      Column Options
-   * ((?:\n\|[^\n]+\|)*)  Rows
-   */
-  const strict = {
-    begin: '(?:^|\\n)(\\n*)',
-    content: [
-      '(\\h*\\|[^\\n]+\\|?\\h*)', // Header
-      '\\n',
-      '(?:(?:\\h*\\|\\h*:?[-]{1,}:?\\h*)+\\|?\\h*)', // Column Options
-      '((\\n\\h*\\|[^\\n]+\\|?\\h*)*)', // Rows
-    ].join(''),
-    end: '(?=$|\\n)',
-  };
-
-  strict.reg = compileRegExp(strict, 'g', true);
-
-  const loose = {
-    begin: '(?:^|\\n)(\\n*)',
-    content: [
-      '(\\|?[^\\n|]+(\\|[^\\n|]+)+\\|?)', // Header
-      '\\n',
-      '(?:\\|?\\h*:?[-]{1,}:?[\\h]*(?:\\|[\\h]*:?[-]{1,}:?\\h*)+\\|?)', // Column Options
-      '((\\n\\|?([^\\n|]+(\\|[^\\n|]*)+)\\|?)*)', // Rows
-    ].join(''),
-    end: '(?=$|\\n)',
-  };
-
-  loose.reg = compileRegExp(loose, 'g', true);
-
-  if (merge === false) {
-    return { strict, loose };
-  }
-  const regStr = `(?:${strict.begin + strict.content + strict.end}|${loose.begin + loose.content + loose.end})`;
-  return compileRegExp({ begin: '', content: regStr, end: '' }, 'g', true);
-}
-
-export function getCodeBlockRule() {
-  const codeBlock = {
-    /**
-     * (?:^|\n)是区块的通用开头
-     * (\n*)捕获区块前的所有换行
-     * ((?:>\s*)*) 捕获代码块前面的引用（"> > > " 这种东西）
-     * (?:[^\S\n]*)捕获```前置的空格字符
-     * 只要有连续3个及以上`并且前后`的数量相等，则认为是代码快语法
-     */
-    begin: /(?:^|\n)(\n*((?:>[\t ]*)*)(?:[^\S\n]*))(`{3,})([^`]*?)\n/,
-    content: /([\w\W]*?)/, // '([\\w\\W]*?)',
-    end: /[^\S\n]*\3[ \t]*(?=$|\n+)/, // '\\s*```[ \\t]*(?=$|\\n+)',
-    reg: new RegExp(''),
-  };
-  codeBlock.reg = new RegExp(codeBlock.begin.source + codeBlock.content.source + codeBlock.end.source, 'g');
-  return {
-    ...codeBlock,
-    begin: codeBlock.begin.source,
-    content: codeBlock.content.source,
-    end: codeBlock.end.source,
-  };
-}
-
-/**
- * 从selection里获取列表语法
- * @param {*} selection
- * @param {('ol'|'ul'|'checklist')} type  列表类型
- * @returns {String}
- */
-export function getListFromStr(selection, type) {
-  let $selection = selection ? selection : 'Item 1\n    Item 1.1\nItem 2';
-  $selection = $selection.replace(/^\n+/, '').replace(/\n+$/, '');
-  let pre = '1.';
-  switch (type) {
-    case 'ol':
-      pre = '1.';
-      break;
-    case 'ul':
-      pre = '-';
-      break;
-    case 'checklist':
-      pre = '- [x]';
-      break;
-  }
-  $selection = $selection.replace(/^(\s*)([0-9a-zA-Z]+\.|- \[x\]|- \[ \]|-) /gm, '$1');
-  // 对有序列表进行序号自增处理
-  if (pre === '1.') {
-    const listNum = {};
-    $selection = $selection.replace(/^(\s*)(\S[\s\S]*?)$/gm, (match, p1, p2) => {
-      const space = p1.match(/[ \t]/g)?.length || 0;
-      listNum[space] = listNum[space] ? listNum[space] + 1 : 1;
-      return `${p1}${listNum[space]}. ${p2}`;
-    });
-  } else {
-    $selection = $selection.replace(/^(\s*)(\S[\s\S]*?)$/gm, `$1${pre} $2`);
-  }
-  return $selection;
-}
-
-/**
- * 信息面板的识别正则
- * @returns {object}
- */
-export function getPanelRule() {
-  const ret = {
-    begin: /(?:^|\n)(\n*(?:[^\S\n]*)):::([^:][^\n]+?)\s*\n/,
-    content: /([\w\W]*?)/,
-    end: /\n[ \t]*:::[ \t]*(?=$|\n+)/,
-  };
-  ret.reg = new RegExp(ret.begin.source + ret.content.source + ret.end.source, 'g');
-  return ret;
-}
-
-/**
- * 手风琴/detail语法的识别正则
- * 例：
- * +++(-) 点击查看详情
- * body
- * body
- * ++ 标题（默认收起内容）
- * 内容
- * ++- 标题（默认展开内容）
- * 内容2
- * +++
- * @returns {object}
- */
-export function getDetailRule() {
-  const ret = {
-    begin: /(?:^|\n)(\n*(?:[^\S\n]*))\+\+\+([-]{0,1})\s+([^\n]+)\n/,
-    content: /([\w\W]+?)/,
-    end: /\n[ \t]*\+\+\+[ \t]*(?=$|\n+)/,
-  };
-  ret.reg = new RegExp(ret.begin.source + ret.content.source + ret.end.source, 'g');
-  return ret;
-}
-
-// 匹配图片URL里的base64，[name](data:image/png;base64,xxx) 和 ![alt](data:image/png;base64,xxx) 这两种形式的都处理
-export const imgBase64Reg = /(\[[^\n]*?\]\(data:image\/[a-z]{1,10};base64,)([^)]+)\)/g;
-
-// 匹配base64数据
-export const base64Reg = /(data:image\/[a-z]{1,10};base64,)([0-9a-zA-Z+/]+)/g;
-
-// 匹配内容非常多的单行文本，为了避免表格的场景，所以特意避免表格的识别
-export const longTextReg = /([^\n]{100})([^\n|`\s]{5900,})/g;
-
-// 匹配图片{}里的data-xml属性
-export const imgDrawioXmlReg = /(!\[[^\n]*?\]\([^)]+\)\{[^}]* data-xml=)([^}]+)\}/g;
-
-/**
- * 匹配draw.io的图片语法
- * 图片的语法为 ![alt](${base64}){data-type=drawio data-xml=${xml}}
- */
-export const imgDrawioReg =
-  /(!\[[^\n]*?\]\(data:image\/[a-z]{1,10};base64,[^)]+\)\{data-type=drawio data-xml=[^}]+\})/g;
-
-/**
- * 从编辑器里的内容中获取没有代码块的内容
- * @param {string} value
- * @returns {string}
- */
-export const getValueWithoutCode = (value = '') =>
-  value
-    .replace(getCodeBlockRule().reg, (whole) => {
-      // 把代码块里的内容干掉
-      return whole.replace(/^.*$/gm, '/n');
-    })
-    .replace(/(`+)(.+?(?:\n.+?)*?)\1/g, (whole) => {
-      // 把行内代码的符号去掉
-      return whole.replace(/[![\]()]/g, '.');
-    });