index.js 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. let hljs;
  2. hljs = require('../highlight/index');
  3. const config = require('../../config'),
  4. mdOption = (()=>{
  5. let result = {
  6. html: true,
  7. xhtmlOut: true,
  8. typographer: true,
  9. breaks: true,
  10. };
  11. if(config.highlight.length && hljs){
  12. result.highlight = (code,lang,callback)=>{
  13. let lineLen = code.split(/\r|\n/ig).length,
  14. result = hljs.highlightAuto(code).value;
  15. // 代码块多换行的问题
  16. console.log("result==代码块", result);
  17. result = result.replace(/(\r|\n){2,}/g, str => {
  18. return new Array(str.length).join("<p>&nbsp;</p>")
  19. });
  20. result = result.replace(/\r|\n/g, str => {
  21. return "<br/>"
  22. });
  23. // 代码空格处理
  24. result = result.replace(/>[^<]+</g,str => {
  25. return str.replace(/\s/g,"&nbsp;");
  26. }).replace(/\t/g,new Array(4).join("&nbsp;"));
  27. if(config.showLineNumber){
  28. let lineStr = (()=>{
  29. let str = `<ul class="h2w__lineNum">`;
  30. for(let i=0;i<lineLen-1;i++){
  31. str += `<li class="h2w__lineNumLine">${i+1}</li>`
  32. };
  33. str += `</ul>`;
  34. return str;
  35. })();
  36. return lineStr + result;
  37. };
  38. return result;
  39. }
  40. };
  41. return result;
  42. })(),
  43. md = require('./markdown')(mdOption);
  44. // 应用Markdown解析扩展,包括自定义组件(['sub','sup','ins','mark','emoji','todo','latex','yuml','echarts'])
  45. // [...config.markdown,...config.components].forEach(item => {
  46. // if(!/^audio-player|table|todogroup|img$/.test(item)){
  47. // md.use(require(`./plugins/${item}`));
  48. // };
  49. // });
  50. md.use(require('./plugins/sub'));md.use(require('./plugins/sup'));md.use(require('./plugins/ins'));md.use(require('./plugins/mark'));md.use(require('./plugins/emoji'));md.use(require('./plugins/todo'));md.use(require('./plugins/echarts'));md.use(require('./plugins/latex'));md.use(require('./plugins/yuml'));
  51. // 定义emoji渲染规则
  52. md.renderer.rules.emoji = (token,index)=>{
  53. let item = token[index];
  54. return `<g-emoji class="h2w__emoji h2w__emoji--${item.markup}">${item.content}</g-emoji>`;
  55. };
  56. // 导出模块
  57. module.exports = str => {
  58. return md.render(str);
  59. };