Extension:ClipBox
ClipBox Release status: stable |
|
---|---|
Implementation | Tag |
Description | embed inputbox to copy text for clipboard e.g. campaign code |
Author(s) | Kimagurenote (Corytalk) |
Latest version | 1.0.0 |
MediaWiki | 1.25+ |
Database changes | No |
License | BSD 3-clause "Modified" License |
Download | https://kimagurenote.net/kn/ClipBox#Download https://kimagurenote.net/kn/ClipBox#History |
Example | https://kimagurenote.net/kn/ClipBox#Example_%E4%BD%BF%E7%94%A8%E4%BE%8B |
<clipbox> |
|
The ClipBox extension provides a way to embed inputbox to copy text for clipboard e.g. campaign code.
Installation
edit- Download zip file from author's website, unzip it and place the file(s) in a directory called
ClipBox
in yourextensions/
folder. - Add the following code at the bottom of your LocalSettings.php file:
/* Extension:ClipBox */ wfLoadExtension( 'ClipBox' );
- Add the following code at the bottom of your MediaWiki:Common.css. You can fully customize it.
/* Extension:ClipBox */
.clipbox {
font-size: 16px;
color: #333;
align-items: center;
}
.clipbox input {
padding: 7px 0;
text-align: center;
border-radius: 5px;
font-size:14px;
letter-spacing:1px;
}
.clipbox button {
font-size: 16px;
padding: 9px;
border-radius: 5px;
color:#444;
}
.clipbox button:hover {
opacity: 0.8;
}
- Done – Navigate to Special:Version on your wiki to verify that the extension is successfully installed.
You will need interface-admin permission to edit Common.css on MediaWiki 1.32 or above.
Usage
editembed simply
editJust embed an inputbox and button simply. For example:
<clipbox>MYCODE</clipbox>
parameters
editYou can specify some parameters. For example:
<clipbox
id="mycampaign"
size="15"
title="My campaign code"
input="readonly"
style="text-align: center;">
MYCODE
</clipbox>
You can specify id, size, style and title.
id and size are applied <input>
directly.
style and title are applied <div>
directly.
And you can specify input="readonly" for suppress to edit inputbox by user.
If you use two or more <clipbox>
tags in same page, you must set different id on all tags.
Notes
editThis extension will not work on browsers disabled JavaScript.
See also
edit- ClipBox (author site, written in Japanese)
- Extension:PreToClip