コピペ: GoogleDocumentの共同編集時に出てくる邪魔な名札をどかすuser.js

Google documentの共同編集時に出てくる自分以外のカーソル上の名札が超絶邪魔なので作った。自分の編集位置の直下を誰かが編集してると何も見えないクソデザインをどうにかする(右に寄せるだけ)。 複数人が同じ行を編集してると多分崩壊するけどどうでもいいよね。

形式
JavaScript
投稿日時
2018-07-27 03:42
公開期間
無期限
  1. // ==UserScript==
  2. // @name Google document better cursor
  3. // @version 1
  4. // @match https://docs.google.com/document/d/*/edit*
  5. // @grant none
  6. // ==/UserScript==
  7. (()=>{
  8. let editor_box_element = document.querySelector("#kix-appview > * > .kix-appview-editor");
  9. function update_cursor_view(elem){
  10. let curbox = elem.getBoundingClientRect();
  11. let pbox;
  12. for(let page of editor_box_element.querySelectorAll(".kix-page")){
  13. pbox = page.getBoundingClientRect();
  14. if(pbox.top < curbox.top && curbox.top < pbox.bottom){
  15. break;
  16. }
  17. }
  18. elem.querySelector(".kix-cursor-name").style.left
  19. = (pbox.right - curbox.left + 5) + "px";
  20. }
  21. let cursor_observer = new MutationObserver((l) => {
  22. for(let m of l){
  23. update_cursor_view(m.target);
  24. }
  25. });
  26. let list_observer = new MutationObserver((l) => {
  27. for(let m of l){
  28. for(let n of m.addedNodes){
  29. if(n.classList.contains("kix-cursor")){
  30. cursor_observer.observe(n, {attributes: true});
  31. update_cursor_view(n);
  32. }
  33. }
  34. }
  35. });
  36. list_observer.observe(editor_box_element, {childList: true});
  37. for(let n of editor_box_element.querySelectorAll(".kix-cursor")){
  38. cursor_observer.observe(n, {attributes: true});
  39. update_cursor_view(n);
  40. }
  41. })();
ダウンロード 印刷用表示

このコピペの URL

JavaScript での埋め込み

iframe での埋め込み

元のテキスト