Веб

Chrome расширение Edit Anything: редактировать текст

Edit Anything — расширение для Google Chrome с иконкой чёрного карандаша. Один клик включает режим редактирования текста на странице (contentEditable). Установка, использование, альтернативы и безопасность. Скачайте из Chrome Web Store.

Авторы: НейроАгент

Как называется расширение для Google Chrome, которое позволяет редактировать текст прямо на веб-странице одним кликом (иконка — чёрный карандаш)? Оно меняет содержимое элементов, похоже на редактирование кода элемента в инструментах разработчика.

Это расширение называется Edit Anything — простое chrome расширение с иконкой чёрного карандаша, которое по клику включает режим редактирования содержимого страницы и позволяет редактировать текст на веб‑странице прямо в браузере. Технически оно переключает режим редактирования (contentEditable / document.designMode), поэтому поведение похоже на правку элемента в DevTools; правки остаются локальными и исчезают после обновления страницы.

Содержание

Chrome расширение — Edit Anything: название и где скачать

Расширение называется Edit Anything. На странице в Chrome Web Store о нём говорится, что расширение добавляет значок карандаша в панель браузера — клик по иконке включает или выключает режим редактирования для текста на текущей странице (toggle editing) — то, что вы описали: один клик, чёрный карандаш и возможность менять содержимое элементов прямо в браузере (Edit Anything — Chrome Web Store).

В листинге указаны базовые метаданные: разработчик Forrest Almasi, рейтинг, дата обновления и примечание о том, что расширение позиционируется как лёгкое и не собирающее данные (см. описание на странице). Дополнительные сводки и обзоры оформления работы расширения можно посмотреть на зеркалах/агрегаторах, например на Extpose и chrome-stats.

Как установить расширение в Google Chrome

  1. Откройте страницу расширения в интернет‑магазине Chrome: Edit Anything.
  2. Нажмите “Добавить в Chrome” (Add to Chrome) и подтвердите установку.
  3. После установки щёлкните по значку меню расширений (иконка пазла) и нажмите «Закрепить» (pin), чтобы иконка карандаша появилась на панели инструментов. Если иконка не видна — проверьте меню расширений и панель инструментов браузера.
  4. Если вы скачиваете похожее расширение с неофициального сайта — будьте осторожны: официальную версию лучше брать из Chrome Web Store.

Практический совет: если вы не видите кнопку или расширение не работает на конкретной странице, попробуйте открыть инструменты разработчика — иногда сайты блокируют или динамически перезаписывают DOM; в таких случаях полезно временно отключить скрипты страницы или использовать команду через консоль (см. раздел «Технически»).

Как пользоваться: один клик для редактирования текста на странице

  • Откройте любую веб‑страницу, где хотите внести правку.
  • Кликните по иконке чёрного карандаша на панели — расширение переключит страницу в режим редактирования. Обычно дальнейшие действия просты: кликните по нужному тексту и начните печатать.
  • Для выхода из режима снова нажмите на иконку. В некоторых расширениях при активации иконка меняет цвет или появляется баннер «Design Mode» в углу вкладки (так делает, например, похожее расширение Page Edit — см. описание на Softonic).
  • Как сохранить правки? Прямо на сервер они не попадут — изменения находятся только в вашем браузере. Чтобы сохранить результат, скопируйте текст в редактор, сделайте скриншот или вставьте в локальный файл. Обновление страницы отменит все изменения.

Коротко: кликну — редактирую — кликну — выхожу. Ничего на сайт не отправляется автоматически.

Технически: contentEditable и document.designMode

Под капотом большинство таких расширений управляют DOM двумя простыми способами: устанавливают атрибут contentEditable для конкретного элемента или включают глобальный режим редактирования через document.designMode. Примеры команд, которые вы можете запустить в консоли:

  • Включить глобально: document.designMode = 'on'
  • Выключить: document.designMode = 'off'
  • Включить для отдельного элемента: element.contentEditable = 'true'

Блог‑статьи и руководства подробно показывают этот приём; например, в обзоре работы с консолью разработчика показано, как включать designMode вручную (Konstantin Bulgakov — пример).

Ограничения и особенности:

  • Некоторые сайты используют фреймворки (React, Angular), которые быстро перерендеривают DOM — правки могут быть моментально сброшены.
  • Элементы внутри игровых/встраиваемых iframe или в Shadow DOM могут оставаться недоступными для такого редактирования.
  • Так называемые “встроенные” страницы Chrome (chrome://) и сама страница Интернет-магазина расширений обычно недоступны для редактирования из соображений безопасности.
    Если нужно более тонкое вмешательство, можно открыть DevTools и включить designMode вручную для нужного фрейма.

Альтернативы и похожие расширения

  • Page Edit — похожее расширение, которое при активации показывает баннер «Design Mode» (описание на Softonic).
  • Web Editing — ещё одно расширение в Chrome Web Store (страница локализована, см. листинг: Веб-редактирование).
  • GoEdit — продукт с похожим UX: клик по иконке → страница становится редактируемой (GoEdit).

Эти альтернативы действуют по той же идее: включают contentEditable или designMode, но интерфейс и дополнительные функции (панель управления, сохранение снимков) могут отличаться.

Безопасность и разрешения

Чтобы менять содержимое страницы, расширению нужен доступ к данным на посещаемых сайтах — это стандартный набор разрешений для подобных инструментов. При установке обратите внимание на:

  • Список запрашиваемых разрешений в окне подтверждения установки.
  • Отзывы и рейтинг разработчика.
  • Политику конфиденциальности: некоторые страницы листинга прямо указывают, что расширение не собирает данные (это указано в описании листинга Edit Anything). Для большей уверенности ищите расширения с открытым исходным кодом или от проверенных разработчиков.

Если расширение запрашивает лишние права (например, доступ к истории браузера, к платежам и т. п.) — будьте насторожены и лучше не устанавливайте.

Частые вопросы (FAQ)

  • Будут ли мои правки видны всем пользователям сайта?
    Нет — изменения происходят только в вашем локальном браузере. Другие посетители сайта их не увидят.

  • Сохранится ли правка после перезагрузки страницы?
    Нет — обновление страницы сбрасывает изменения. Чтобы сохранить результат, скопируйте текст или сделайте скриншот.

  • Можно ли редактировать PDF или сканированные страницы прямо так?
    Нет — это не OCR. Для редактирования текста на отсканированных изображениях нужны инструменты распознавания текста или редакторы PDF.

  • Иконка не отображается — что делать?
    Нажмите значок меню расширений (пазл) и закрепите расширение (pin). Инструкция по видимости и закреплению есть в описаниях на витрине и зеркалах (см. Extpose).

  • Почему на некоторых сайтах правки мгновенно пропадают?
    Потому что сайт активно перерендеривает DOM (JS‑фреймворки) или использует защитные механизмы. В таких случаях можно попробовать DevTools или редактировать конкретный элемент через консоль.

Источники

Заключение

Ответ коротко: расширение называется Edit Anything — это chrome расширение с иконкой чёрного карандаша, которое одним кликом включает режим редактирования текста на странице (поведение похоже на правку в DevTools через contentEditable / document.designMode). Если нужно — могу прислать пошаговую иллюстрированную инструкцию с GIF или подготовить SEO‑оптимизированную статью по установке и использованию этого расширения.

Авторы
НейроАгент
Автор
Проверено модерацией
НейроОтветы
Модерация
Chrome расширение Edit Anything: редактировать текст