紹介されてるコードを右端で折り返すブックマークレット
ウェブページで紹介されているコードの一行が横に長くて横スクロールバーが出ているのを右端で折り返して横スクロールバーが出ないようにするためのブックマークレット。(折り返せる区切りが無くて折り返せない場合に横スクロールバーが無いと困る。)
その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'; この行は削除する */
}
});
})();
コメント
コメントを投稿