Site Notice
hello, world
Difference between revisions of "InPageEdit-v2"
From Project-EPB Commons
(//InPageEdit - Section10) |
|||
| Line 1: | Line 1: | ||
| − | + | <div class="thumb tright"><div class="thumbinner" style="width:302px;"><img src="https://common.wjghj.cn/images/thumb/5/5a/InPageEdit_overview.jpg/300px-InPageEdit_overview.jpg" class="thumbimage"nwidth="300" height="196"></div></div> | |
'''InPageEdit'''是由机智的小鱼君使用JavaScript编写的MediaWiki插件。 | '''InPageEdit'''是由机智的小鱼君使用JavaScript编写的MediaWiki插件。 | ||
== 特色功能 == | == 特色功能 == | ||
=== InPageEdit工具盒 === | === InPageEdit工具盒 === | ||
| − | < | + | <img src="{{filepath:InPageEdit toolbox.png}}" style="width:350px"/> |
| − | + | {{clear}} | |
| − | |||
* 在成功加载InPageEdit-v2后，屏幕的右下角应当出现如图所示的'''InPageEdit工具盒''' | * 在成功加载InPageEdit-v2后，屏幕的右下角应当出现如图所示的'''InPageEdit工具盒''' | ||
* 插件的所有功能均可以在工具盒中找到 | * 插件的所有功能均可以在工具盒中找到 | ||
| Line 12: | Line 11: | ||
=== 快速编辑 === | === 快速编辑 === | ||
==== 编辑 ==== | ==== 编辑 ==== | ||
| − | < | + | <img src="{{filepath:InPageEdit_qedit.jpg}}" style="width:35%;margin-right:80px"/> |
| − | + | <img src="{{filepath:InPageEdit_qedit_preview.png}}" style="width:35%;"/> | |
| − | + | {{clear}} | |
| − | |||
* 点击工具箱中天蓝色的“<span class="material-icons">edit</span> 铅笔图标”，在不打开新标签页的情况下编辑页面 | * 点击工具箱中天蓝色的“<span class="material-icons">edit</span> 铅笔图标”，在不打开新标签页的情况下编辑页面 | ||
* 编辑器提供预览功能 | * 编辑器提供预览功能 | ||
| Line 24: | Line 22: | ||
* 在段落编辑按钮后生成一个快速编辑按钮，让你快速编辑这个段落 | * 在段落编辑按钮后生成一个快速编辑按钮，让你快速编辑这个段落 | ||
==== 快速编辑其他页面 ==== | ==== 快速编辑其他页面 ==== | ||
| − | < | + | <img src="{{filepath:InPageEdit qedit navbar.png}}" style="width:35%;"/> |
| − | + | {{clear}} | |
| − | |||
* 插件自动识别文章内的编辑链接，例如Navbox内的“查编论”快捷方式以及模版内的编辑链接，在其后生成一个快速编辑按钮，让你不需要打开新页面也能修改非当前页面的页面 | * 插件自动识别文章内的编辑链接，例如Navbox内的“查编论”快捷方式以及模版内的编辑链接，在其后生成一个快速编辑按钮，让你不需要打开新页面也能修改非当前页面的页面 | ||
{{clear}} | {{clear}} | ||
Revision as of 22:06, 1 November 2019
<img src="https://common.wjghj.cn/images/thumb/5/5a/InPageEdit_overview.jpg/300px-InPageEdit_overview.jpg" class="thumbimage"nwidth="300" height="196">
InPageEdit是由机智的小鱼君使用JavaScript编写的MediaWiki插件。
特色功能
InPageEdit工具盒
<img src="https://common.epb.wiki/images/9/94/InPageEdit_toolbox.png" style="width:350px"/>
- 在成功加载InPageEdit-v2后，屏幕的右下角应当出现如图所示的InPageEdit工具盒
- 插件的所有功能均可以在工具盒中找到
快速编辑
编辑
<img src="https://common.epb.wiki/images/4/49/InPageEdit_qedit.jpg" style="width:35%;margin-right:80px"/> <img src="https://common.epb.wiki/images/0/0a/InPageEdit_qedit_preview.png" style="width:35%;"/>
- 点击工具箱中天蓝色的“ 铅笔图标”，在不打开新标签页的情况下编辑页面
- 编辑器提供预览功能
- 也可以编辑页面的历史版本以便快速修复
- 注意，您不应将本插件作为MediaWiki原生编辑页面的完全替代品，本插件与原生编辑页面相比少了很多实用的工具（模版使用分析、高级编辑工具条等等），而且稳定性一定低于原生编辑页面，本插件更适合进行修复页面内简单问题的小编辑
快速编辑段落
- 在段落编辑按钮后生成一个快速编辑按钮，让你快速编辑这个段落
快速编辑其他页面
<img src="https://common.epb.wiki/images/7/74/InPageEdit_qedit_navbar.png" style="width:35%;"/>
- 插件自动识别文章内的编辑链接，例如Navbox内的“查编论”快捷方式以及模版内的编辑链接，在其后生成一个快速编辑按钮，让你不需要打开新页面也能修改非当前页面的页面
快速重定向
- 点击工具箱中黄橙色的“ 飞机降落图标”，可以快速将某个页面重定向到本页面
- 点击工具箱中玫瑰色的“ 飞机起飞图标”，可以快速将本页面重定向到某个页面
快速重命名
- 暂未实装
如何安装
个人使用
在您的个人js页(User:你的用户名/common.js)添加以下代码：
mw.loader.load('https://common.wjghj.cn/js/InPageEdit-v2');
——完成，刷新页面缓存，插件应当已经被成功加载
尝试一下
想尝试一下本插件吗？
InPageEdit预设在本页面运行，尽管点击InPageEdit的相关按钮，进行尝试吧！不用担心破坏任何东西，你的编辑操作一定会失败，这是因为本wiki不允许匿名用户编辑。
点击这些链接右侧的“快速编辑”即可尝试快速编辑
- https://common.wjghj.cn/wiki/InPageEdit-v2?action=edit§ion=9 ← 编辑本段落
- 不同形式的URL
- 这个链接不是本地wiki的
技术细节
插件使用
- 使用jQuery
- 使用mediawiki.api
- 使用jQuery.cookie
- 模态框使用ssi-modal插件
样式设计
- 配色参考Fandom Design System
支持平台
- MediaWiki > 1.19.0
- 由于ssi-modal的兼容性问题，暂不支持Fandom平台
更新日志
源代码
- JavaScript: MediaWiki:Js-InPageEdit-v2.js
- CSS: MediaWiki:Css-InPageEdit-v2.css
