用 HBuilder X 编辑 Markdown 文档，如何自定义表格列宽

原创于 2022-09-07 09:07:01 发布 · 933 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

node.js 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何在HBuilderX的插件中修改marked.js，实现对table cell的自定义，包括设置宽度和对齐方式，以达到跨平台的效果。

首先声明：这个方法只能算魔改，md文件拷到别处就没效果了。

修改之前：

修改后：

输出效果：

修改方法：

找到 HBuilderX 目录下 plugins\nodeserver\node_modules\marked\lib\marked.js 文件
修改 Renderer.prototype.tablecell 函数

Renderer.prototype.tablecell = function(content, flags) {
  var type = flags.header ? 'th' : 'td';
  var width="";
  if(flags.header){
    var reg=/\{w(\d+)\}/g;
    var re=reg.exec(content);
  
    if(re){
      width=' width="'+re[1]+'"';
      content=content.replace(/\{w\d+\}/g,'');
    }
  }
  

  var tag = flags.align
    ? '<' + type + ' align="' + flags.align + '"'+width+'>'
    : '<' + type +width+ '>';
  return tag + content + '</' + type + '>\n';
};