☰

GreasyFork+UserStyles.org markdown

在论坛默认使用 Markdown 格式，添加格式帮助链接及 Markdown 工具栏

目前为 2017-03-08 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name              Markdown toolbar for GF and USO
  3. // @name:ru           Markdown-тулбар для GF и USO
  4. // @name:zh-CN        GreasyFork+UserStyles.org markdown
  5. // @author            wOxxOm
  6. // @contributor       JixunMoe
  7. // @license           MIT License
  8. // @description       Select Markdown format by default, add help links, add toolbar formatting buttons for markdown
  9. // @description:ru    Включает формат Markdown по умолчанию, добавляет справочные ссылки по форматам, добавляет панель кнопок форматирования markdown
  10. // @description:zh-CN 在论坛默认使用 Markdown 格式，添加格式帮助链接及 Markdown 工具栏
  11. // @icon              https://raw.githubusercontent.com/dcurtis/markdown-mark/master/png/66x40-solid.png
  12. // @namespace         wOxxOm.scripts
  13. // @version           1.4.7
  14. // @include           https://gf.qytechs.cn/*forum/discussion/*
  15. // @include           https://gf.qytechs.cn/*forum/post/discussion*
  16. // @include           https://gf.qytechs.cn/*forum/vanilla/post/editdiscussion/*
  17. // @include           https://gf.qytechs.cn/*forum/post/editdiscussion/*
  18. // @include           https://gf.qytechs.cn/*scripts/*/versions/new*
  19. // @include           https://gf.qytechs.cn/*script_versions/new*
  20. // @include           https://gf.qytechs.cn/*forum/messages/*
  21. // @include           https://gf.qytechs.cn/*forum/profile/*/*
  22. // @include           https://gf.qytechs.cn/*forum/profile
  23. // @include           https://forum.userstyles.org/discussion/*
  24. // @include           https://forum.userstyles.org/post/discussion*
  25. // @include           https://forum.userstyles.org/messages/*
  26. // @include           https://forum.userstyles.org/messages/add*
  27. // @include           https://forum.userstyles.org/*/editdiscussion/*
  28. // @run-at            document-start
  29. // @grant             GM_addStyle
  30. // ==/UserScript==
  31.  
  32. /* jshint lastsemic:true, multistr:true, laxbreak:true, -W030, -W041, -W084 */
  33.  
  34. var inForum = location.href.indexOf('/forum') > 0;
  35.  
  36. window.addEventListener('DOMContentLoaded', function(e) {
  37.   if (inForum)
  38.     addFeatures(document.querySelector('#Form_Format2:not([type="hidden"]), #Form_Format1').closest('label'));
  39.   else
  40.     if (nn = document.querySelectorAll('input[value="markdown"]'))
  41.       for (var n, i=0; (i<nn.length) && (n=nn[i]); i++) {
  42.         if (location.href.indexOf('/script_versions/'))
  43.           n.click(); // posting a new script
  44.         addFeatures(n.parentNode.appendChild(document.createElement('br')));
  45.       }
  46.  
  47.   new MutationObserver(function(mutations) {
  48.     for (var i=0, ml=mutations.length, m; (i<ml) && (m=mutations[i]); i++)
  49.       for (var j=0, nodes=m.addedNodes, nl=nodes.length, n; (j<nl) && (n=nodes[j]); j++)
  50.         if (n.nodeType == 1)
  51.           if (inForum) {
  52.             if ((n.localName == 'label' && n.querySelector('input[value="Markdown"], input[value="Html"], input[value="markdown"], input[value="html"]'))
  53.             || (n = n.querySelector('input[value="Markdown"], input[value="markdown"]') || n.querySelector('input[value="Html"], input[value="html"]')))
  54.               return addFeatures(n.closest('label'));
  55.           } else {
  56.             if (((n.localName == 'input') && (n.value.toLowerCase() == 'Markdown'))
  57.             || (n = n.querySelector('input[value="Markdown"], input[value="markdown"]'))) {
  58.               if (location.href.indexOf('/script_versions/'))
  59.                 n.click();
  60.               return addFeatures(n.parentNode.appendChild(document.createElement('br')));
  61.             }
  62.           }
  63.   }).observe(document, {subtree:true, childList:true});
  64. });
  65.  
  66. function addFeatures(n) {
  67.   if (!n)
  68.     return;
  69.  
  70.   if (inForum) {
  71.  
  72.     var form = n.closest('form');
  73.     if (form.action.indexOf('/edit') < 0)
  74.       n.click();
  75.     n.parentNode.textAreaNode = form.querySelector('textarea.TextBox, textarea.previewable');
  76.     // add formatting help tooltips
  77.     n.previousElementSibling.insertAdjacentHTML('beforeend',
  78.            ' (<a href="/help/allowed-markup" target="_blank" title="'+
  79.            '* (name, title), a (href), abbr, b, blockquote (cite), br, center, cite, code, dd, del, dfn, div, dl, dt, em, '+
  80.            'h1, h2, h3, h4, h5, h6, hr, i, ins, img (alt, height, src (https), width), kbd, li, mark, ol, p, pre, q (cite), '+
  81.            'rp, rt, ruby, s, samp, small, span, strike, strong, tt, table, tbody, tfoot, thead, td, th, tr, sub, sup, '+
  82.            'time (datetime, pubdate), u, ul, var">?</a>)');
  83.     n.insertAdjacentHTML('beforeend',
  84.            ' (<a href="http://www.darkcoding.net/software/markdown-quick-reference/" target="_blank">?</a>)');
  85.     if (location.href.indexOf('/forum/messages/') > -1)
  86.       GM_addStyle('#ConversationForm label { display:inline-block; margin-right:2ex }\
  87.                    #ConversationForm .TextBox { margin-top:0 }');
  88.   } else {
  89.  
  90.     for (var wrapper=n; wrapper = wrapper.parentNode; )
  91.       if (t = wrapper.querySelector('textarea[id*="additional-info"]')) {
  92.         n.parentNode.textAreaNode = t;
  93.         break;
  94.       }
  95.     GM_addStyle('\
  96.       .Button {\
  97.           display: inline-block;\
  98.           cursor: pointer;\
  99.           margin: 0px;\
  100.           font-size: 12px;\
  101.           line-height: 1;\
  102.           font-weight: bold;\
  103.           padding: 4px 6px;\
  104.           background: -moz-linear-gradient(center bottom , #CCC 0%, #FAFAFA 100%) repeat scroll 0% 0% #F8F8F8;\
  105.           border: 1px solid #999;\
  106.           border-radius: 2px;\
  107.           white-space: nowrap;\
  108.           text-shadow: 0px 1px 0px #FFF;\
  109.           box-shadow: 0px 1px 0px #FFF inset, 0px -1px 2px #BBB inset;\
  110.           color: #333;}');
  111.   }
  112.  
  113.   // add buttons
  114.   btnMake(n, '<b>'+__('B')+'</b>', __('Bold'), '**');
  115.   btnMake(n, '<i>'+__('I')+'</i>', __('Italic'), '*');
  116.   btnMake(n, '<u>'+__('U')+'</u>', __('Underline'), '<u>','</u>');
  117.   btnMake(n, '<s>'+__('S')+'</s>', __('Strikethrough'), '<s>','</s>');
  118.   btnMake(n, '&lt;br&gt;', __('Force line break'), '<br>','', true);
  119.   btnMake(n, '---', __('Horizontal line'), '\n\n---\n\n', '', true);
  120.   btnMake(n, __('URL'), __('Add URL to selected text'),
  121.           function(e) {
  122.             try {edWrapInTag('[', ']('+prompt(__('URL')+':')+')', edInit(e.target))}
  123.             catch(ex) {}
  124.           });
  125.   btnMake(n, __('Image (https)'), __('Convert selected https://url to inline image'), '!['+__('image')+'](', ')');
  126.   if (inForum)
  127.     btnMake(n, __('Table'), __('Insert table template'), __('\n| head1 | head2 |\n|-------|-------|\n| cell1 | cell2 |\n| cell3 | cell4 |\n'), '', true);
  128.   btnMake(n, __('Code'), __('Apply CODE markdown to selected text'),
  129.           function(e){
  130.             var ed = edInit(e.target);
  131.             if (ed.sel.indexOf('\n') < 0)
  132.               edWrapInTag('`', '`', ed);
  133.             else
  134.               edWrapInTag(((ed.sel1==0) || (ed.text.charAt(ed.sel1-1) == '\n') ? '' : '\n') + '```' + (ed.sel.charAt(0) == '\n' ? '' : '\n'),
  135.                           (ed.sel.substr(-1) == '\n' ? '' : '\n') + '```' + (ed.text.substr(ed.sel2,1) == '\n' ? '' : '\n'),
  136.                           ed);
  137.           });
  138. }
  139.  
  140. function btnMake(afterNode, label, title, tag1_or_cb, tag2, noWrap) {
  141.   var a = document.createElement('a');
  142.   a.className = 'Button';
  143.   a.innerHTML = label;
  144.   a.title = title;
  145.   if (inForum)
  146.     a.style.setProperty('float','right');
  147.   a.addEventListener('click',
  148.             typeof(tag1_or_cb) == 'function'
  149.                      ? tag1_or_cb
  150.                      : noWrap ? function(e){edInsertText(tag1_or_cb, edInit(e.target))}
  151.                               : function(e){edWrapInTag(tag1_or_cb, tag2, edInit(e.target))});
  152.   var nparent = afterNode.parentNode;
  153.   a.textAreaNode = nparent.textAreaNode;
  154.   inForum ? nparent.insertBefore(a, nparent.firstElementChild) : nparent.appendChild(a);
  155. }
  156.  
  157. function edInit(btn) {
  158.   var ed = {node: btn.textAreaNode || btn.parentNode.textAreaNode};
  159.   ed.sel1 = ed.node.selectionStart;
  160.   ed.sel2 = ed.node.selectionEnd,
  161.   ed.text = ed.node.value;
  162.   ed.sel = ed.text.substring(ed.sel1, ed.sel2);
  163.   return ed;
  164. }
  165.  
  166. function edWrapInTag(tag1, tag2, ed) {
  167.   ed.node.value = ed.text.substr(0, ed.sel1) + tag1 + ed.sel + (tag2?tag2:tag1) + ed.text.substr(ed.sel2);
  168.   ed.node.setSelectionRange(ed.sel1 + tag1.length, ed.sel1 + tag1.length + ed.sel.length);
  169.   ed.node.focus();
  170. }
  171.  
  172. function edInsertText(text, ed) {
  173.   ed.node.value = ed.text.substr(0, ed.sel2) + text + ed.text.substr(ed.sel2);
  174.   ed.node.setSelectionRange(ed.sel2 + text.length, ed.sel2 + text.length);
  175.   ed.node.focus();
  176. }
  177.  
  178. var __ = (function (l, langs) {
  179.     var lang = langs[l] || langs[l.replace(/-.+/, '')];
  180.     return lang ? function (text) { return lang[text] || text }
  181.                 : function (text) { return text }; // No matching language, fallback to english
  182. })(location.pathname.match(/^\/(.+?)\//)[1], {
  183.   // Can be full name, or just the beginning part.
  184.   'zh-CN': {
  185.     'Bold': '粗体',
  186.     'Italic': '斜体',
  187.     'Underline': '下划线',
  188.     'Strikethrough': '删除线',
  189.     'Force line break': '强制换行',
  190.     'Horizontal line': '水平分割线',
  191.     'URL': '链接',
  192.     'Add URL to selected text': '为所选文字添加链接',
  193.     'Image (https)': '图片 (https)',
  194.     'Convert selected https://url to inline image': '将所选地址转换为行内图片',
  195.     'image': '图片描述', // Default image alt value
  196.     'Table': '表格',
  197.     'Insert table template': '插入表格模板',
  198.     'Code': '代码',
  199.     'Apply CODE markdown to selected text': '将选中代码围起来',
  200.  
  201.     '\n| head1 | head2 |\n|-------|-------|\n| cell1 | cell2 |\n| cell3 | cell4 |\n':
  202.     '\n| 表头 1 | 表头 2 |\n|-------|-------|\n| 表格 1 | 表格 2 |\n| 表格 3 | 表格 4 |\n'
  203.   },
  204.   'ru': {
  205.     'B': 'Ж',
  206.     'I': 'К',
  207.     'U': 'Ч',
  208.     'S': 'П',
  209.     'Bold': 'Жирный',
  210.     'Italic': 'Курсив',
  211.     'Underline': 'Подчеркнутый',
  212.     'Strikethrough': 'Перечеркнутый',
  213.     'Force line break': 'Новая строка',
  214.     'Horizontal line': 'Горизонтальная линия',
  215.     'URL': 'ссылка',
  216.     'Add URL to selected text': 'Добавить ссылку к выделенному тексту',
  217.     'Image (https)': 'Картинка (https)',
  218.     'Convert selected https://url to inline image': 'Преобразовать выделенный https:// адрес в картинку',
  219.     'image': 'картинка', // Default image alt value
  220.     'Table': 'Таблица',
  221.     'Insert table template': 'Вставить шаблон таблицы',
  222.     'Code': 'Код',
  223.     'Apply CODE markdown to selected text': 'Пометить выделенный фрагмент как программный код',
  224.  
  225.     '\n| head1 | head2 |\n|-------|-------|\n| cell1 | cell2 |\n| cell3 | cell4 |\n':
  226.     '\n| заголовок1 | заголовок2 |\n|-------|-------|\n| ячейка1 | ячейка2 |\n| ячейка3 | ячейка4 |\n'
  227.   },
  228.   'fr': {
  229.     'B': 'G',
  230.     'I': 'I',
  231.     'U': 'S',
  232.     'S': 'B',
  233.     'Bold': 'Gras',
  234.     'Italic': 'Italique',
  235.     'Underline': 'Souligné',
  236.     'Strikethrough': 'Barré',
  237.     'Force line break': 'Forcer le saut de ligne',
  238.     'Horizontal line': 'Ligne horizontale',
  239.     'URL': 'URL',
  240.     'Add URL to selected text': 'Ajouter URL au texte sélectionné',
  241.     'Image (https)': 'Image (https)',
  242.     'Convert selected https://url to inline image': 'Convertir https://url sélectionnés en images',
  243.     'image': 'image', // Default image alt value
  244.     'Table': 'Tableau',
  245.     'Insert table template': 'Insérer un modèle de table',
  246.     'Code': 'Code',
  247.     'Apply CODE markdown to selected text': 'Appliquer CODE markdown au texte sélectionné',
  248.  
  249.     '\n| head1 | head2 |\n|-------|-------|\n| cell1 | cell2 |\n| cell3 | cell4 |\n':
  250.     '\n| En-tête 1 | En-tête 2 |\n|-------|-------|\n| cellule 1 | cellule 2 |\n| cellule 3 | cellule 4 |\n'
  251.   }
  252. });

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址