@kangc/v-md-editor/src/plugins/align/index.js

A markdown editor built on Vue

import markdownItContainer from '@/utils/markdown-it-container';

const extendMarkdown = function (mdParser) {
  if (mdParser) {
    markdownItContainer(mdParser, {
      type: 'align-left',
      defaultTitle: '',
      before: (info) => `<div align="left">${info || ''}\n`,
      after: () => '</div>\n',
    });

    markdownItContainer(mdParser, {
      type: 'align-center',
      defaultTitle: '',
      before: (info) => `<div align="center">${info || ''}\n`,
      after: () => '</div>\n',
    });

    markdownItContainer(mdParser, {
      type: 'align-right',
      defaultTitle: '',
      before: (info) => `<div align="right">${info || ''}\n`,
      after: () => '</div>\n',
    });
  }
};

export default function () {
  return {
    install(VMdEditor) {
      VMdEditor.extendMarkdown(extendMarkdown);
    },
  };
}