Site Notice
hello, world
Difference between revisions of "InPageEdit-v2"
From Project-EPB Commons
m (//InPageEdit) |
(//InPageEdit) |
||
Line 1: | Line 1: | ||
− | |||
'''InPageEdit'''是由机智的小鱼君使用JavaScript编写的MediaWiki插件。 | '''InPageEdit'''是由机智的小鱼君使用JavaScript编写的MediaWiki插件。 | ||
== 特色功能 == | == 特色功能 == | ||
=== InPageEdit工具盒 === | === InPageEdit工具盒 === | ||
− | <img src="{{filepath:InPageEdit toolbox.png|550px}}" style="width:350px"/> | + | [{{filepath:InPageEdit toolbox.png}} <img src="{{filepath:InPageEdit toolbox.png|550px}}" style="width:350px"/>] |
{{clear}} | {{clear}} | ||
* 在成功加载InPageEdit-v2后,屏幕的右下角应当出现如图所示的'''InPageEdit工具盒''' | * 在成功加载InPageEdit-v2后,屏幕的右下角应当出现如图所示的'''InPageEdit工具盒''' | ||
Line 11: | Line 10: | ||
=== 快速编辑 === | === 快速编辑 === | ||
==== 编辑 ==== | ==== 编辑 ==== | ||
− | <img src="{{filepath:InPageEdit_qedit.png|800px}}" style="width:35%;margin-right:80px"/> | + | [{{filepath:InPageEdit_qedit.png}} <img src="{{filepath:InPageEdit_qedit.png|800px}}" style="width:35%;margin-right:80px"/>] |
− | <img src="{{filepath:InPageEdit_qedit_preview.png|800px}}" style="width:35%;"/> | + | [{{filepath:InPageEdit_qedit_preview.png}} <img src="{{filepath:InPageEdit_qedit_preview.png|800px}}" style="width:35%;"/>] |
{{clear}} | {{clear}} | ||
* 点击工具箱中天蓝色的“<span class="material-icons">edit</span> 铅笔图标”,在不打开新标签页的情况下编辑页面 | * 点击工具箱中天蓝色的“<span class="material-icons">edit</span> 铅笔图标”,在不打开新标签页的情况下编辑页面 | ||
Line 22: | Line 21: | ||
* 在段落编辑按钮后生成一个快速编辑按钮,让你快速编辑这个段落 | * 在段落编辑按钮后生成一个快速编辑按钮,让你快速编辑这个段落 | ||
==== 快速编辑其他页面 ==== | ==== 快速编辑其他页面 ==== | ||
− | <img src="{{filepath:InPageEdit qedit navbar.png|800px}}" style="width:35%;"/> | + | [{{filepath:InPageEdit qedit navbar.png}} <img src="{{filepath:InPageEdit qedit navbar.png|800px}}" style="width:35%;"/>] |
{{clear}} | {{clear}} | ||
* 插件自动识别文章内的编辑链接,例如Navbox内的“查编论”快捷方式以及模版内的编辑链接,在其后生成一个快速编辑按钮,让你不需要打开新页面也能修改非当前页面的页面 | * 插件自动识别文章内的编辑链接,例如Navbox内的“查编论”快捷方式以及模版内的编辑链接,在其后生成一个快速编辑按钮,让你不需要打开新页面也能修改非当前页面的页面 |
Revision as of 22:19, 1 November 2019
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/thumb/7/76/InPageEdit_qedit.png/800px-InPageEdit_qedit.png" style="width:35%;margin-right:80px"/> <img src="https://common.epb.wiki/images/thumb/0/0a/InPageEdit_qedit_preview.png/800px-InPageEdit_qedit_preview.png" style="width:35%;"/>
- 点击工具箱中天蓝色的“ 铅笔图标”,在不打开新标签页的情况下编辑页面
- 编辑器提供预览功能
- 也可以编辑页面的历史版本以便快速修复
- 注意,您不应将本插件作为MediaWiki原生编辑页面的完全替代品,本插件与原生编辑页面相比少了很多实用的工具(模版使用分析、高级编辑工具条等等),而且稳定性一定低于原生编辑页面,本插件更适合进行修复页面内简单问题的小编辑
快速编辑段落
- 在段落编辑按钮后生成一个快速编辑按钮,让你快速编辑这个段落
快速编辑其他页面
- 插件自动识别文章内的编辑链接,例如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