跳到主要内容
Design Mode - Page's Rich Text Editor

Design Mode - Page's Rich Text Editor EN

Brian · Firefox

Change any webpage into its design mode (edit mode) where you can modify the content and drag images around like a Word Editor

4.1/5 8 人评分 169用户 v0.2.3当前版本

截图

  • Design Mode - Page's Rich Text Editor 截图
  • Design Mode - Page's Rich Text Editor 截图
  • Design Mode - Page's Rich Text Editor 截图

简介

This extension modifies the current document attributes so that it acts almost like a content edible document (Similar to MS Word, or Open Office) which allows the user to edit the page text, drag and drop assets, and remove elements that cause chaos on the page. It is even possible to insert new images. With this extension, you can simply edit the entire document and when it is ready, toggle back to the readonly mode (normal mode). This modified document can be printed or saved like a normal HTML page.

Features:
1. Insert <div>, <pre>, <paragraph>, and heading elements.
2. Convert font styling to bold or italic.
3. Add a link to the selected text.
4. Insert bulleted and numbered lists.
5. Increase and decrease indentation.
6. Insert an image.
7. Convert selected text to a blockquote.
8. Turn spellcheck on and off.
9. Remove formatting.

Notes:
1. To enable the extension press the toolbar button once. When the document is editable, the toolbar button is blue and you will get a desktop notification
2. When editing is over, to switch back to the normal mode, press the toolbar button once more. In the normal mode, the color is gray.
3. You can save the modified document in HTML or MHTML or print it. To save in MHTML you will need to install an extension.
4. To change formating of a text into bold, select the text then press Ctrl + B. For italics, press Ctrl + I

Preview: https://www.youtube.com/watch?v=pHLSZPlEx44

Design Mode - Page's Rich Text Editor 是做什么的

Design Mode - Page's Rich Text Editor 是一款面向 Firefox 的开发者工具类扩展,主要用来调试页面、查看样式与请求、测试接口、辅助前端开发。官方对它的介绍是:Change any webpage into its design mode (edit mode) where you can modify the content and drag images around like a Word Editor在Firefox 附加组件商店(AMO)上,它当前版本 0.2.3,评分 4.12(8 人评价),约 169 名用户。

适合什么人用

从功能定位看,Design Mode - Page's Rich Text Editor 更适合前端工程师、测试与需要经常查看页面结构的用户。如果你平时只是偶尔遇到相关需求,用浏览器自带功能也能凑合;但如果这件事每天都发生,装一个专门处理它的扩展通常比手动操作省事得多。

怎么安装 Design Mode - Page's Rich Text Editor

  1. 打开Firefox 附加组件商店(AMO)上的官方页面;
  2. 点「添加到浏览器」并确认权限提示;
  3. 装好后在扩展列表里固定图标,方便随时开关。

本站只做索引与介绍,安装包来自官方商店。如果商店页面提示当前地区不可用,说明该扩展未在你所在区域上架。

常见问题

Design Mode - Page's Rich Text Editor 是免费的吗?

Design Mode - Page's Rich Text Editor 在Firefox 附加组件商店(AMO)免费提供下载。它是浏览器扩展,装上就能直接用,不需要注册账号。

Design Mode - Page's Rich Text Editor 安全吗?

它只申请了 0 项权限,范围比较克制,没有申请「读取所有网站数据」这种大权限。

Design Mode - Page's Rich Text Editor 支持哪些浏览器?

当前收录的版本来自Firefox 附加组件商店(AMO),适用于 Firefox。同一个扩展在其他商店可能有对应版本,但功能与版本号不一定相同。

怎么卸载 Design Mode - Page's Rich Text Editor?

在扩展管理页找到 Design Mode - Page's Rich Text Editor,点移除即可。它在本地保存的设置会一起清掉,不会残留数据。

权限清单 来自 manifest.json 原文

接口权限 4

  • activeTab
  • notifications
  • scripting
  • storage