您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
Show the edit box and preview next to each other when writing comments if you have RES installed
// ==UserScript== // @name Reddit - side-by-side editor and RES preview // @description Show the edit box and preview next to each other when writing comments if you have RES installed // @author James Skinner <[email protected]> (http://github.com/spiralx) // @namespace http://spiralx.org/ // @match *://*.reddit.com/r/*/comments/* // @match *://*.reddit.com/comments/* // @match *://*.reddit.com/message/* // @version 0.1.0 // @grant none // @require https://gf.qytechs.cn/scripts/7602-mutation-observer/code/mutation-observer.js // ==/UserScript== jQuery.fn.contentExpand = (function() { let $hidden = jQuery('<div>') .css({ display: 'none', whiteSpace: 'pre-wrap', wordWrap: 'break-word', overflowWrap: 'break-word', overflow: 'hidden' }) .appendTo('body'); return function() { return this.each(function() { let $ta = jQuery(this).css({ overflow: 'hidden', resize: 'none' }); $ta.on('keyup', ev => { let content = $ta.val().replace(/\n/g, '<br>') + '<br style="line-height: 3px">'; $hidden .css({ width: $ta.width(), minHeight: $ta.css('min-height'), font: $ta.css('font'), lineHeight: $ta.css('line-height') }) .html(content); $ta.css('height', $hidden.height()); }); }); } })(); var observer = new MutationSummary({ callback: function(summaries) { //console.info('Added %d forms', summaries[0].added.length); try { jQuery(summaries[0].added).each(function() { var $form = jQuery(this), $editWrapper = $form.children('.usertext-edit'), $mdWrapper = $editWrapper.children('.markdownEditor-wrapper'), $edit = $editWrapper.children('.md'), $res = $form.find('.livePreview'); //console.log($form[0].outerHTML); //console.info($mdWrapper); //console.info($edit); //console.info($res); $editWrapper.css({ width: '100%', padding: '0px', marginLeft: '15px' }); $res.css({ margin: '0 15px 15px' }); // Move RES editor next to textarea, wrap each in divs for positioning $edit .css({ maxWidth: '100%', width: '100%', clear: 'both' }) .append($res) .children() .first() .css({ width: '100%' }) .contentExpand() .wrap('<div style="float: left; width: 50%;">') .end() .last() .wrap('<div style="display: inline-block; width: 50%;">'); // Wrap toolbar, extras in divs for positioning side-by-side $mdWrapper .css({ maxWidth: '100%', width: '100%', clear: 'both' }) .children() .slice(1) .wrapAll('<div style="display: inline-block; width: 50%;">') .end() .first() .wrap('<div style="float: left; width: 50%;">'); // Swap macro dropdown and name around, float left and right respectively let $commentAs = $mdWrapper.find('.commentingAs'), $macro = $commentAs.next(); $macro .css({ 'float': 'left', margin: '0 0 0 15px' }); $commentAs .css({ 'float': 'right', clear: 'none', margin: '0 15px 0 0' }) .insertAfter($macro); }); } catch (ex) { console.error(ex); } }, rootNode: document.body, queries: [ { element: 'form.usertext' } ] });
QingJ © 2025
镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址