紹介されてるコードを右端で折り返すブックマークレット

ウェブページで紹介されているコードの一行が横に長くて横スクロールバーが出ているのを右端で折り返して横スクロールバーが出ないようにするためのブックマークレット。(折り返せる区切りが無くて折り返せない場合に横スクロールバーが無いと困る。)

その1

javascript:(function() {
  const elements = document.querySelectorAll('code, pre');
  elements.forEach(element => {
  const currentWhiteSpace = window.getComputedStyle(element).whiteSpace;
  if (currentWhiteSpace === 'pre-wrap') {
    element.style.setProperty('white-space', 'pre');
    element.style.setProperty('overflow-x', 'auto');
  } else {
    element.style.setProperty('white-space', 'pre-wrap');
    /* element.style.setProperty('overflow-x', 'hidden'); この行は削除する */
  }
  });
})();
 その2
javascript:(function() {
  const elements = document.querySelectorAll('code, pre');
  elements.forEach(element => {
  const currentWhiteSpace = window.getComputedStyle(element).whiteSpace;
  if (currentWhiteSpace === 'pre-wrap') {
    element.style.whiteSpace = 'pre';
    element.style.overflowX = 'auto';
  } else {
    element.style.whiteSpace = 'pre-wrap';
    /* element.style.overflowX = 'hidden'; この行は削除する */
  }
  });
})();
  

 

コメント