Как отключить блокировку текста?

Question

[Refguser]

Хотел почитать академию make (для просмотра уроков требуется регистрация), но там непонятная мне блокировка текста - ни выделить ни скопировать ни перевести.
Значит, подумал я, нужно что-то прописать в Ublock, но никак не могу сообразить что/как.

Удалось вырвать это

Помогите написать правила блокировки стилей для Ublock (или какого-то другого решения для браузера).

АПД. Нашелся оригинал этой страницы, доступный без авторизации.

Answer 1

[Aetae]

Вот такой стиль позволит выделать текст:

document.body.appendChild(
  Object.assign(
    document.createElement('style'), {
      innerHTML: `
        html {
          user-select:auto !important;
        }
        .acc-text {
          pointer-events: auto !important;
        }
        /* показываем html текст*/
        body .acc-text.acc-shadow-el {
          opacity: 1 !important;
        }
        /* прячем svg текст*/
        text:not(.cursor-hover text) {
         opacity: 0 !important;
        }
      `
    }
  )
);

Правило для uBlock(включает разрешение контекстного меню):

academy.make.com##.acc-text:style(pointer-events: auto !important;)
academy.make.com##html:style(user-select:auto !important;)
academy.make.com##body .acc-text.acc-shadow-el:style(opacity: 1 !important;)
academy.make.com##text:not(.cursor-hover text):style(opacity: 0 !important;)
academy.make.com##+js(aeld, contextmenu)

import.cdn.thinkific.com##.acc-text:style(pointer-events: auto !important;)
import.cdn.thinkific.com##html:style(user-select:auto !important;)
import.cdn.thinkific.com##body .acc-text.acc-shadow-el:style(opacity: 1 !important;)
import.cdn.thinkific.com##text:not(.cursor-hover text)style(opacity: 0 !important;)
import.cdn.thinkific.com##+js(aeld, contextmenu)

Правда самого выделения не видно, но текст таки выделяется и копируется.:)

Comments

[Refguser]

Сорри, не понял - это жабаскрипт? А как его в браузер запихать?

В Ublock можно добавлять стили для блокировки

[Aetae]

Refguser, да это скрипт, чтоб он работал ножно расширение для юзерскриптов, напрмер tampermonkey.

Простой блокировкой тут ничего не сделать, потому что надло не блокировать а дополнять функционал. Однако ublock вроде умеет менять стили, судя по гуглу:

academy.make.com#.acc-shadow-dom,.acc-text:style(pointer-events: auto !important;)

[Aetae]

* проверил и обновил правило, теперь точно работает)

[Refguser]

Aetae, не работает, к сож. Ни в ublock ни в tampermonkey

или я не правильно делаю?

Два варианта делал не работает на оригинале

Возможно я вырезал что-то ещё, но я нашел доступный оригинал страницы. Только что проапдейтил пост.

[Aetae]

Refguser, вот так...

academy.make.com##.acc-shadow-dom,.acc-text:style(pointer-events: auto !important;)
academy.make.com##html:style(user-select:auto !important;)

Для проверке на примере(другой домен перед ##):

import.cdn.thinkific.com##.acc-shadow-dom,.acc-text:style(pointer-events: auto !important;)
import.cdn.thinkific.com##html:style(user-select:auto !important;)

тут точно работает, сам только что проверил.

[Refguser]

Aetae, Спасибо, да, это можно сказать работает (исправь ответ, плз), но толку немного - браузерные переводчики его не видят. :( (да и понять что выделено сложно, тк нет выделения). Ещё и ПКМ не работает.

АПД. А ещё это заблокировало кнопку "next"...

[Aetae]

Refguser, исправление чтоб next работало.

academy.make.com##.acc-text:style(pointer-events: auto !important;)
academy.make.com##html:style(user-select:auto !important;)

import.cdn.thinkific.com##.acc-text:style(pointer-events: auto !important;)
import.cdn.thinkific.com##html:style(user-select:auto !important;)

Чтоб контекстное меню работало в любом месте - зажимай правый shift. Переводчик выделенного работает(по крайней мере встроенный в ff).

Я потыкаю ещё - попробую сделать выделение видимым и разрешить контекстное меню без shift:).

[Aetae]

Refguser, обновил ответ. Теперь контекстное меню и выделение тоже работает. В общем вроде победа.:)
Единственное что увы html текст и svg текст не один к одному, потому пришлось скрыть svg. Из-за этого теоретически какие-то куски могут пропасть. Если с этим будут проблемы - убери правила с opacity (видимое выделение пропадёт).

[Refguser]

Aetae,

(по крайней мере встроенный в ff).

Но в нём же нет русского :( Но аддоны, работают, да, хотя это и не удобно.
Поэтому я поставил хром с родным переводчиком.

К сож и с этим кодом не всё гладко в реальной убучалке (там и табы появились).. (но я не прошу зарегистрироваться. нет.. :))

Ладно, большое спасибо за проделанную работу. Измени ответ на корректный код - я отмечу решением.

[Refguser]

Aetae,
Пока я писал коммент, ты уже изменил ответ :) Спасибо ещё раз.