امتداد:إدراج_محرف

From mediawiki.org
Jump to navigation Jump to search
This page is a translated version of the page Extension:CharInsert and the translation is 41% complete.
الدليل المرجعي لامتدادات ميدياويكي
OOjs UI icon advanced-invert.svg
CharInsert
حالة الإصدار مستقر
تنفيذ وسم , تصرف خاصة بالصفحة , MyWiki
بيان يسمح بإنشاء خانات إدراج محارف جافا سكريبت.
المؤلف/المؤلفون Brion Vibber (Brion VIBBERنقاش)
آخر إصدار continuous updates
سياسة التوافق تصدر اللقطات البرمجية مع ميدياويكي. الإصدار الرئيسي لا يتوافق مع الإصدارات السابقة.
MediaWiki 1.25+
PHP 5.4+
ترخيص رخصة جنو العمومية 2.0 أو ما بعدها
التنزيل
‎<charinsert>
ترجم الامتداد CharInsert لو كان متوفرا على translatewiki.net

طالع مصفوفة الاستخدام والإصدارات.

المسائل المهام المفتوحة · الإبلاغ عن عطل تقني

يسمح امتداد CharInsert بإنشاء وصلات جافا سكريبت تدرج حينما ينقر عليها نص محدد سلفا في صندوق النصوص.

تستخدم هذه الوصلات عادة في رسالة النظام MediaWiki:Edittools (مثال على موقع الويكي هذا).

القواعد اللغوية

استخدم وسوم ‎<charinsert> مع قائمة محارف أو وسوم مقسمة باستخدام مسافات التي ترغب في السماح بإدراجها.

يمكنك استخدام علامة + داخل أي وسم كي تحدد مكان ما يلي:

  • إدراج نص محدد أو
  • وضع المؤشر لو لم يقع الاختيار على نص.

سيتعين عليك أن تحيط القوالب المساحات داخل ‎<nowiki> كما يلي:

<charinsert><nowiki>== + ==</nowiki> <nowiki>{{stub}}</nowiki></charinsert>

الاستخدام ومثال على الناتج

محارف منفردة

المحارف المنفردة مدرجة بين وسوم «charinsert».

<charinsert>Á á Ć ć É é Í í Ĺ ĺ Ń ń Ó ó Ŕ ŕ Ś ś Ú ú Ý ý Ź ź</charinsert>

ونتيجتها هي

Á á Ć ć É é Í í Ĺ ĺ Ń ń Ó ó Ŕ ŕ Ś ś Ú ú Ý ý Ź ź

لن يكون للنقر على الوصلات أي أثر كان منذ أنه لا توجد مدخلات أو خانات تعديل.

محارف مجمعة

المحارف المجمّعة مدرجة بين وسوم «charinsert» وتوصل باستخدام العلامة «+».

<charinsert>“+” ‘+’ «+» ‹+› „+“ ‚+‘ [[+]] {{+}}</charinsert>

ونتيجتها هي

“” ‘’ «» ‹› „“ ‚‘ [[]] {{}}

Clicking the links will have no effect since there is no input or edit field.

ملاحظات

  • Generated JavaScript links also work in other areas around edit window, e.g. in MediaWiki:Copyrightwarning or MediaWiki:Newarticletext, on the page preloaded with Inputbox , and even from the text preview.
  • They can also be used in MediaWiki:Uploadtext to insert image description templates.
  • Unlike toolbar buttons on top, this extension doesn't provide a way to specify inserted "sample text".
  • Use &#10; to add new lines (\n).
  • Enclose white spaces in ‎<nowiki>...‎</nowiki> tags when needed.
  • Add ‎<charinsert>...‎</charinsert> tags into MediaWiki:Edittools.

التنصيب

Due to bug T88922 the tool bar provided by CharInsert does not work on special page "Upload" when used on MediaWiki 1.27.x. Use the version provided for MediaWiki 1.28+ but note that some Gadgets may not work as expected without further update.
  • نزّل الملف/الملفات وضعها في دليل يحمل اسم ‎CharInsert داخل مجلد ‎extensions/‎ لديك.
  • أضف الكود التالي في الجزء الأسفل من LocalSettings.php:
    wfLoadExtension( 'CharInsert' );
    
  • If you use the gadget Edittools , update its code to the latest version (≥ May 27, 2016)
  • Yes تم التنفيذ – اذهب إلى Special:Version على موقع الويكي لديك كي تتحقق من أن الامتداد قد ثبت بنجاح.

للمستخدمين الذي يستخدمون إصدار ميدياويكي 1.24 أو ما قبله:

تبين التعليمات السالفة سبيل جديد لتثبيت الامتداد مستخدما ‎wfLoadExtension()‎. لو كنت تحتاج لتثبيت الامتداد على هذه الإصدارات السابقة (ميدياويكي 1.24 أو ما قبله)، استخدم ما يلي بدلا من wfLoadExtension( 'CharInsert' );:

require_once "$IP/extensions/CharInsert/CharInsert.php";

تنصيب متقدم

ملحوظة هامة: You must have Extension:Gadgets for this to work.

الأسلوب

Charinsert-sample-edittools-box.png

To give the charinsert lists additional styling, wrap the contents of your Edittools between <div class="mw-charinsert-buttons"> and ‎</div> and add styling for them to your MediaWiki:Common.css. This site (www.mediawiki.org) does that to make the links appear like buttons (as shown in the screenshot to the side). The below stylesheet was used for that, copy it to your MediaWiki:Common.css to apply the same styling.

 
/**
 * Styling for links generated by [[MediaWiki:Edittools]]
 * @source https://www.mediawiki.org/wiki/Extension:CharInsert#Styling
 * @updated 2020-03-17
 */
.mw-charinsert-buttons {
	border: 1px solid #aaa;
	margin-top: 10px;
	padding: 1px;
	font-size: 1.1em;
	text-align: center;
}

.mw-charinsert-buttons a {
	background-color: #cde !important;
	color: #000;
	border: thin #069 outset;
	padding: 0 1px 1px;
	font-weight: bold;
	font-size: 0.9em;
	text-decoration: none;
}

.mw-charinsert-buttons a:hover,
.mw-charinsert-buttons a:active {
	background-color: #bcd;
	border-style: inset;
}

.client-js .mw-edittools-section {
	display: inline;
}

.client-js .mw-edittools-section input[type="button"] {
	font-size: 0.9em;
	margin-left: 1px;
	padding-left: 1px;
	padding-right: 1px;
}

Alternatively, you can choose a style closer to the Wikimedia Design Style Guide and the WikimediaUI theme:

 
/**
 * Styling for links generated by [[MediaWiki:Edittools]] in WikimediaUI inspired theme.
 * @source https://www.mediawiki.org/wiki/Extension:CharInsert#Styling
 * @updated 2020-03-17
 */
.mw-charinsert-buttons {
	margin-top: 8px;
	border: 1px solid #c8ccd1;
	padding: 2px 4px 4px;
	font-size: 1.1em;
	text-align: center;
}

.mw-charinsert-buttons a {
	background-color: #f8f9fa !important;
	color: #202122;
	border: thin #36c outset;
	padding: 0 1px 2px;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
}

.mw-charinsert-buttons a:hover {
	background-color: #fff;
    color: #404244;
}

.mw-charinsert-buttons a:active {
	background-color: #c8ccd1;
	border-style: inset;
}

.client-js .mw-edittools-section {
	display: inline;
}

.client-js .mw-edittools-section input[type="button"] {
	background-color: #f8f9fa;
	color: #202122;
	margin-left: 1px;
    border-radius: 2px;
	padding: 1px 6px;
	font-size: 0.9em;
    /* Apply pointer cursor to all interactive elements. */
    cursor: pointer;
}

.client-js .mw-edittools-section input[type="button"]:hover {
	background-color: #fff;
    color: #404244;
}

.client-js .mw-edittools-section input[type="button"]:active {
	background-color: #c8ccd1;
    color: #000;
}

كتابة النص البرمجي

If you have many CharInsert links, one could use JavaScript to put them in separate groups and allow dynamic switching with a dropdown menu. For example to separate diacritical characters from wikisyntax etc. Several sites (such as mediawiki.org, de.wikipedia.org and en.wikipedia.org) have done this. They all implemented it in different ways though. Documented below is the way it is done on mediawiki.org:

1. Wrap all the charinsert tags on MediaWiki:Edittools into a ‎<div> container and give it a descriptive, unique, ID (for example "mw-edittools-charinsert"):

<div id="mw-edittools-charinsert" class="mw-charinsert-buttons" title="Click on the wanted special character.">
...
</div>
2. Wrap each individual block of charinserts into ‎<p> tags like this:
<p class="mw-edittools-section" data-section-title="Wiki-Syntax" style="display: none;">
...
</p>
Note:
  • Don't change the word 'mw-edittools-section'
  • The text behind "data-section-title=" will identify this group in the dropdown menu.
  • Make sure there is one group without the 'style="display: none;"' directive: That will be the default choice in the dropdown menu. On this site, it is called 'Standard' while the other groups are named by the language for which the characters are significant.
3. Copy the contents of MediaWiki:Gadget-Edittools.js to an equally named page on your own wiki
4. Add the following code to your MediaWiki:Gadgets-definition:
* Edittools[ResourceLoader|default]|Edittools.js

قائمة إدراج محارف ويكيبيديا الإنكليزية

For implementing CharInsert menu like the one used on the English Wikipedia, either export gadgets: Charinsert-core, Charinsert-styles, and Charinsert and then import them on your own wiki through Special:Import or if you want to do it manually, copy the following four interface pages to your wiki:

* charinsert[ResourceLoader|default|peers=charinsert-styles]|charinsert.js
* charinsert-core[ResourceLoader|hidden|dependencies=jquery.textSelection,user,mediawiki.storage]|charinsert-core.js
* charinsert-styles[ResourceLoader|hidden|type=styles]|charinsert-styles.css
  • MediaWiki:Edittools (Wikipedia) - Only for users with JavaScript turned off or unsupported (which disables the WikiEditor extension too), therefore not really necessary or useful either. It only shows symbols/characters as simple text below the editor window, which can then be copy-pasted and thus be of some help to editors. Apparently, it does not get activated in English Wikipedia for disabled JavaScript.

Note: This particular English Wikipedia character set also contains templates, which will need to be defined separately, if they are to be used on your Wiki.

English Wikipedia Solution checked on: November 6, 2018