v2exMarkdown

为v2ex而生的markdown渲染

当前为 2018-08-13 提交的版本,查看 最新版本

  1. // ==UserScript==
  2. // @name v2exMarkdown
  3. // @version 0.66.1
  4. // @description 为v2ex而生的markdown渲染
  5. // @author hundan
  6. // @match https://*.v2ex.com/t/*
  7. // @require https://cdn.staticfile.org/showdown/1.8.6/showdown.min.js
  8. // @require https://cdn.staticfile.org/fancybox/3.3.5/jquery.fancybox.min.js
  9. // @grant none
  10. // @namespace https://github.com/hundan2020/v2exMarkdown
  11. // ==/UserScript==
  12.  
  13. (function () {
  14. // jquery.js和highlight.js都由v2ex自身提供,不再向外部重复请求
  15. // markdown处理
  16. var preFix = function(rawReply){
  17. var picRe = function(reply){
  18. reply = reply.replace(/(?:!\[.*?\])?!\[.*?\]\(\s*((?:https?)?:\/\/i\.loli\.net\/\d{4}\/\d{2}\/\d{2}\/[a-z0-9]+.[a-z]+)\)|(https:\/\/i\.loli\.net\/\d{4}\/\d{2}\/\d{2}\/[a-z0-9]+.[a-z]+)/ig, '![]( ' + encodeURI('$1$2') + ' )'); // sm.ms
  19. reply = reply.replace(/(?:!\[.*?\])?!\[.*?\]\(\s*((?:https?)?:\/\/imgurl\.org\/temp\/\d{4}\/[a-z0-9]+\.[a-z0-9]+)\)|(https?:\/\/imgurl\.org\/temp\/\d{4}\/[a-z0-9]+\.[a-z0-9]+)/ig, '![]( ' + encodeURI('$1$2') + ' )'); // 小z图床
  20. reply = reply.replace(/(?<!http:|https:)\/\/([a-z0-9]+\.sinaimg.cn\/(?:[a-z]+)\/[a-z0-9]+\.(?:jpg|png|gif|bmp))/ig, '![]( ' + encodeURI('https://$1') + ' )'); // 新浪微博不规则图片链接
  21. return reply;
  22. }
  23. var xssFilter = function(reply){
  24. var sReply = reply;
  25. sReply = sReply.replace(/(!?\[.*?\]\(\s*?javascript.*?\))/igs, '`$1`');
  26. return sReply;
  27. }
  28. var fixedReply = rawReply;
  29. fixedReply = fixedReply.replace(/#(\d{1,3}\s)/ig, '&#x23;$1 '); // 避免楼层号加粗 safe
  30. fixedReply = fixedReply.replace(/(!\[(\S*?)\]\(\s+?)<a target="_blank" href="(\S+?)".*?><img src="(\S+?)" class="embedded_image".*?><\/a>\)+/ig, '![$2]($3)'); // 正常显示的图片处理 safe
  31. fixedReply = fixedReply.replace(/&lt;img src="(.+?)" \/&gt;/ig, '$1'); // 不规则图片链接处理 safe
  32. fixedReply = fixedReply.replace(/@<a href="\/member\/(\S+?)">(\S+?)<\/a>/ig, '@[$1](/member/$2)'); // 论坛内@处理,考虑到代码段中的@应当正常显示 safe
  33. fixedReply = fixedReply.replace(/<a target="_blank" href="(\/t\/\d+)"\s*?(?:rel="nofollow")?>\/t\/\d+<\/a>/ig, '[$1]($1)'); // 论坛内链处理,考虑到在代码段中应当正常显示 safe
  34. fixedReply = fixedReply.replace(/<a.*? href="(\S+?)".*?>(\S+?)<\/a>/ig, '$2'); // 链接处理 safe
  35. fixedReply = fixedReply.replace(/\[!\[(\S+?)\]\(\s*(\S+?)\)\]\(\s*\S+?\)/ig, '![$1]($2)'); // 不规则图片链接处理,不规则案例见 `https://www.v2ex.com/t/463469#r_5792042`
  36. fixedReply = fixedReply.replace(/(\n)?<br *\/?>/ig, "\n"); // 换行处理,避免多行代码无法正常工作 safe
  37. fixedReply = picRe(fixedReply);
  38. fixedReply = xssFilter(fixedReply);
  39. return fixedReply;
  40. }
  41. var endFix = function(markedReply){
  42. var fixedReply = markedReply;
  43. fixedReply = fixedReply.replace(/\n/ig, '<br />'); //safe markdown软回车转硬回车
  44. fixedReply = fixedReply.replace(/(<\/ul>|<\/li>|<\/p>|<\/table>|<\/h\d>)\s*<br\s*\/?>/ig, '$1'); // safe 表格换行删除
  45. fixedReply = fixedReply.replace(/<br\s*\/?>(<li>|<ul>|<p>|<table>|<h\d>)/ig, '$1'); // safe 表格换行删除
  46. fixedReply = fixedReply.replace(/(<\/?table>|<\/?tbody>|<\/?thead>|<\/?tr>|<\/?th>|<\/?td>)<br\s*\/?>/ig, '$1'); // safe 表格换行删除
  47. fixedReply = fixedReply.replace(/(<br\s*\/?>\s*){2,}/ig, '<br />'); // safe 多重换行转单行
  48. fixedReply = fixedReply.replace(/@\[(\S+?)\]\(\/member\/\S+\)/ig, '@$1'); // 代码段中的@ 还原
  49. fixedReply = fixedReply.replace(/\[(\/t\/\d+)\]\(\/t\/\d+\)/ig, '$1'); // 代码段中的内链还原
  50. fixedReply = fixedReply.replace(/&amp;/ig, '&'); // 对重复转义的 & 进行还原,而不必对<>进行操作,有效的避免了XSS发生
  51. return fixedReply;
  52. }
  53. var processMarkdown = function(){
  54. $("div.reply_content").each(function () {
  55. var reply = $(this)[0];
  56. var rawReply = reply.innerHTML;
  57. var converter = new showdown.Converter({
  58. omitExtraWLInCodeBlocks: true,
  59. parseImgDimensions: true,
  60. simplifiedAutoLink: true,
  61. literalMidWordUnderscores: true,
  62. strikethrough: true,
  63. tables: true,
  64. ghCodeBlocks: true,
  65. tasklists: true,
  66. smoothLivePreview: true,
  67. ghCompatibleHeaderId: true,
  68. encodeEmails: true,
  69. emoji: true
  70. });
  71. var markedReply = converter.makeHtml(preFix(rawReply));
  72. reply.innerHTML = endFix(markedReply);
  73. reply.className = 'reply_content markdown_body';
  74. // 开启代码高亮
  75. hljs.configure({useBR: true});
  76. $('div.reply_content code').each(function(i, block) {
  77. hljs.highlightBlock(block);
  78. });
  79. });
  80. }
  81. processMarkdown();
  82. // 加载看图插件
  83. function loadStyle(url){
  84. var link = document.createElement('link');
  85. link.type = 'text/css';
  86. link.rel = 'stylesheet';
  87. link.href = url;
  88. var head = document.getElementsByTagName('head')[0];
  89. head.appendChild(link);
  90. }
  91. loadStyle('https://cdn.staticfile.org/fancybox/3.3.5/jquery.fancybox.min.css');
  92. var a_wrap = $('<a></a>');
  93. var imgs = $('.markdown_body img');
  94. imgs.wrap('<a></a>');
  95. $.each(imgs, function (i, j) {
  96. $(j).css({'max-height':'25vh'});
  97. $(j).parent().attr('id', 'img' + i).attr('href', $(this).attr('src'));
  98. // 通过延迟解决与v2ex plus的冲突
  99. setTimeout(function(){
  100. $("#img" + i).fancybox({
  101. buttons: [
  102. "slideShow",
  103. "thumbs",
  104. "close"
  105. ],
  106. 'zoomSpeedIn': 300,
  107. 'zoomSpeedOut': 300,
  108. 'overlayShow': false,
  109. 'overlayOpacity': 0.3
  110. });
  111. },500);
  112. });
  113. // 添加楼主标记
  114. let author = $('#Main > div:nth-child(2) > div.header > small > a').text();
  115. $('table > tbody > tr > td > strong > a').each(function(){
  116. if ($(this).text() == author){
  117. var sign = $('<span></span>');
  118. sign.text('楼主');
  119. sign.css({"padding": "1px 5px", "margin": "0 6px", "font-size": "x-small", "color": "#777", "border-radius": "8px", "border": "1px solid"});
  120. $(this).parent().after(sign);
  121. }
  122. });
  123. console.clear();
  124. console.log("\n\n\n Thanks for using my script~\n\n\n\n");
  125. })();