نبیل
تکنیکی معاون
السلام علیکم،
محفل فورم کی وی بلیٹن 4 پر اپگریڈ کے بعد اس میں اردو ایڈیٹر کی انٹگریشن پہلے سے قدرے مختلف انداز میں کی گئی ہے۔ اس مرتبہ جے کویری کا اردو ایڈیٹر پلگ استعمال کیا گیا ہے۔ اس اردو ایڈیٹر کو مختلف براؤزرز کے ساتھ کمپیٹیبل بنانے کے لیے جاواسکرپٹ ورچوئل کی بورڈ کا کوڈ استعمال کیا گیا ہے۔ ابھی اگرچہ یہ اردو ایڈیٹر ڈیویلپمنٹ کے مراحل سے گزر رہا ہے لیکن میں باقی دوستوں کی سہولت کے لیے اسے یہاں فراہم کر رہا ہوں تاکہ اردو فورمز کے لیے وی بلیٹن 4 پر اپگریڈ کرنا یا نئی اردو فورم سیٹ اپ کرنا آسان ہو جائے۔
انسٹالیشن کا طریقہ
1۔ منسلک کردہ زپ فائل کو ڈاؤنلوڈ کرکے اسے ان زپ کر لیں
2۔ فولڈر upload میں موجود فائلوں کو اپنی فورم کی روٹ میں اپلوڈ کر لیں
3۔ اب ایڈمن پینل میں لاگ ان ہو کر فورم کے جس سٹائل میں اردو ایڈیٹر انٹگریٹ کرنا ہو، اس کی headinclude ٹیمپلیٹ کھولیں اور اس کے آخر میں ذیل کا کوڈ شامل کر دیں:
اب آپ فورم میں اردو ایڈیٹر کا استعمال کر سکتے ہیں۔
اردو ایڈیٹر کا ڈیفالٹ فونٹ تبدیل کرنا
آپ اگر ایڈیٹر کا فونٹ کسی نستعلیق فونٹ پر مبنی تھیم کی مناسبت سے تبدیل کرنا چاہتے ہیں تو بالا میں فراہم کیے گئے کوڈ میں ذیل کی لائن ڈھونڈیں:
اور اس کے نیچے ذیل کی لائن شامل کر دیں:
جے کویری کا استعمال
اس موڈ میں جے کویری جاوا سکرپٹ فریم ورک کا استعمال کیا گیا ہے اور اس میں جے کویری کے سلیکٹر کو بھی ایک مخصوص انداز میں استعمال کیا ہے۔ اگر آپ اپنی فورم پر مزید کوئی ایسا موڈ استعمال کر رہے ہیں جس میں جے کویری فریم ورک کا استعمال ہوا ہوا ہے تو آپ کو ممکنہ conflicts سے بچنے کے لیے کچھ تبدیلیاں کرنے کی ضرورت پیش آ سکتی ہے۔
آپ کو اس اردو ایڈیٹر موڈ کے استعمال میں اگر کوئی مسئلہ پیش آتا ہے تو اس کے بارے میں یہاں رپورٹ کر سکتے ہیں۔ نوٹ کریں کہ وی بلیٹن لائسنسڈ سوفٹویر ہے۔ برائے مہربانی اس اردو ایڈیٹر موڈ کو صرف لائسنسڈ سوفٹویر کے ساتھ استعمال کریں۔
والسلام
محفل فورم کی وی بلیٹن 4 پر اپگریڈ کے بعد اس میں اردو ایڈیٹر کی انٹگریشن پہلے سے قدرے مختلف انداز میں کی گئی ہے۔ اس مرتبہ جے کویری کا اردو ایڈیٹر پلگ استعمال کیا گیا ہے۔ اس اردو ایڈیٹر کو مختلف براؤزرز کے ساتھ کمپیٹیبل بنانے کے لیے جاواسکرپٹ ورچوئل کی بورڈ کا کوڈ استعمال کیا گیا ہے۔ ابھی اگرچہ یہ اردو ایڈیٹر ڈیویلپمنٹ کے مراحل سے گزر رہا ہے لیکن میں باقی دوستوں کی سہولت کے لیے اسے یہاں فراہم کر رہا ہوں تاکہ اردو فورمز کے لیے وی بلیٹن 4 پر اپگریڈ کرنا یا نئی اردو فورم سیٹ اپ کرنا آسان ہو جائے۔
انسٹالیشن کا طریقہ
1۔ منسلک کردہ زپ فائل کو ڈاؤنلوڈ کرکے اسے ان زپ کر لیں
2۔ فولڈر upload میں موجود فائلوں کو اپنی فورم کی روٹ میں اپلوڈ کر لیں
3۔ اب ایڈمن پینل میں لاگ ان ہو کر فورم کے جس سٹائل میں اردو ایڈیٹر انٹگریٹ کرنا ہو، اس کی headinclude ٹیمپلیٹ کھولیں اور اس کے آخر میں ذیل کا کوڈ شامل کر دیں:
PHP:
<link rel="stylesheet" type="text/css" href="{vb:raw vboptions.bburl}/clientscript/UrduEditor.css" />
<link rel="stylesheet" type="text/css" href="{vb:raw vboptions.bburl}/clientscript/keyboard.css" />
<script src="{vb:raw vboptions.bburl}/clientscript/VirtualKeyboard/vk_loader.js?vk_layout=PK%20Urdu%20CRULP%20Phonetic&vk_skin=flat_gray" ></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="{vb:raw vboptions.bburl}/clientscript/jquery.UrduEditor.js" type="text/javascript"></script>
<script src="{vb:raw vboptions.bburl}/clientscript/keyboard.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">
jqcc = jQuery.noConflict(true);
//jQ = jQuery.noConflict(true);
jqcc(document).ready(function () {
<vb:if condition="THIS_SCRIPT == 'newthread'">
jqcc('#title').UrduEditor("14px"); jqcc("#title").addClass("keyboardInput");
jqcc('#subject').UrduEditor("14px"); jqcc("#subject").addClass("keyboardInput");
jqcc(this).UrduEditor.writeKeyboard(jqcc('#vB_Editor_001_textarea'));
jqcc('#vB_Editor_001_textarea').UrduEditor("18px");
jqcc('#tagpopup_ctrl').UrduEditor("14px"); jqcc("#tagpopup_ctrl").addClass("keyboardInput");
<vb:elseif condition="THIS_SCRIPT == 'newreply'" />
jqcc('#title').UrduEditor("14px"); jqcc("#title").addClass("keyboardInput");
jqcc(this).UrduEditor.writeKeyboard(jqcc('#vB_Editor_001_textarea'));
jqcc('#vB_Editor_001_textarea').UrduEditor("18px");
<vb:elseif condition="THIS_SCRIPT == 'showthread'" />
jqcc(this).UrduEditor.writeKeyboard(jqcc('#vB_Editor_QR_textarea'));
jqcc('#vB_Editor_QR_textarea').UrduEditor("18px");
<vb:elseif condition="THIS_SCRIPT == 'member'" />
jqcc(this).UrduEditor.writeKeyboard(jqcc('#vB_Editor_QR_textarea'));
jqcc('#vB_Editor_QR_textarea').UrduEditor("18px");
<vb:elseif condition="THIS_SCRIPT == 'editpost'" />
jqcc("input[name='reason']").UrduEditor("14px"); jqcc("input[name='reason']").addClass("keyboardInput");
jqcc('#titlefield').UrduEditor("14px"); jqcc("#titlefield").addClass("keyboardInput");
jqcc('#editreason').UrduEditor("14px"); jqcc("#editreason").addClass("keyboardInput");
jqcc(this).UrduEditor.writeKeyboard(jqcc('#vB_Editor_001_textarea'));
jqcc('#vB_Editor_001_textarea').UrduEditor("18px");
<vb:elseif condition="THIS_SCRIPT == 'profile'" />
jqcc('#buddylist_add_txt').UrduEditor("14px"); jqcc("#buddylist_add_txt").addClass("keyboardInput");
<vb:elseif condition="THIS_SCRIPT == 'private'" />
jqcc('#pmrecips_ctrl').UrduEditor("14px"); jqcc("#pmrecips_ctrl").addClass("keyboardInput");
jqcc('#bccpmrecips_ctrl').UrduEditor("14px"); jqcc("#bccpmrecips_ctrl").addClass("keyboardInput");
jqcc('#title').UrduEditor("14px"); jqcc("#title").addClass("keyboardInput");
jqcc(this).UrduEditor.writeKeyboard(jqcc('#vB_Editor_001_textarea'));
jqcc('#vB_Editor_001_textarea').UrduEditor("18px");
jqcc('#vB_Editor_QR_textarea').UrduEditor("18px"); jqcc("#vB_Editor_QR_textarea").addClass("keyboardInput");
jqcc('#searchuser_ctrl').UrduEditor("14px"); jqcc("#searchuser_ctrl").addClass("keyboardInput");
jqcc('#searchtitle').UrduEditor("14px"); jqcc("#searchtitle").addClass("keyboardInput");
<vb:elseif condition="THIS_SCRIPT == 'blog'" />
jqcc('#quicksearch_blog_text').UrduEditor("14px"); jqcc("#quicksearch_blog_text").addClass("keyboardInput");
<vb:elseif condition="THIS_SCRIPT == 'blog_post'" />
jqcc("input[name='title']").UrduEditor("14px"); jqcc("input[name='title']").addClass("keyboardInput");
jqcc(this).UrduEditor.writeKeyboard(jqcc('#vB_Editor_001_textarea'));
jqcc('#vB_Editor_001_textarea').UrduEditor("18px");
jqcc('#tag_input').UrduEditor("14px"); jqcc("#tag_input").addClass("keyboardInput");
<vb:elseif condition="THIS_SCRIPT == 'blog_report'" />
jqcc("textarea[name='reason']").UrduEditor("16px"); jqcc("textarea[name='reason']").addClass("keyboardInput");
<vb:elseif condition="THIS_SCRIPT == 'report'" />
jqcc('#message').UrduEditor("14px"); jqcc("#message").addClass("keyboardInput");
<vb:elseif condition="THIS_SCRIPT == 'content'" />
jqcc('#title').UrduEditor("14px"); jqcc("#title").addClass("keyboardInput");
jqcc(this).UrduEditor.writeKeyboard(jqcc('#vB_Editor_001_textarea'));
jqcc('#vB_Editor_001_textarea').UrduEditor("18px");
jqcc('#html_title').UrduEditor("14px"); jqcc("#html_title").addClass("keyboardInput");
jqcc("textarea[name='description']").UrduEditor("16px"); jqcc("textarea[name='description']").addClass("keyboardInput");
jqcc('#keywords').UrduEditor("14px"); jqcc("#keywords").addClass("keyboardInput");
jqcc("input[name='title']").UrduEditor("14px"); jqcc("input[name='taglist']").addClass("keyboardInput");
<vb:elseif condition="THIS_SCRIPT == 'infraction'" />
jqcc('#title').UrduEditor("14px"); jqcc("#title").addClass("keyboardInput");
jqcc(this).UrduEditor.writeKeyboard(jqcc('#vB_Editor_001_textarea'));
jqcc('#vB_Editor_001_textarea').UrduEditor("18px");
<vb:elseif condition="THIS_SCRIPT == 'entry'" />
jqcc(this).UrduEditor.writeKeyboard(jqcc('#vB_Editor_QR_textarea'));
jqcc('#vB_Editor_QR_textarea').UrduEditor("18px");
<vb:elseif condition="THIS_SCRIPT == 'group'" />
jqcc('#groupname').UrduEditor("14px"); jqcc("#groupname").addClass("keyboardInput");
jqcc('#groupdesc').UrduEditor("16px"); jqcc("#groupdesc").addClass("keyboardInput");
jqcc("input[name='Subject']").UrduEditor("14px"); jqcc("input[name='Subject']").addClass("keyboardInput");
jqcc(this).UrduEditor.writeKeyboard(jqcc('#vB_Editor_001_textarea'));
jqcc('#vB_Editor_001_textarea').UrduEditor("18px");
jqcc('#message').UrduEditor("14px"); jqcc("#message").addClass("keyboardInput");
<vb:elseif condition="THIS_SCRIPT == 'group_inlinemod'" />
jqcc("input[name='deletereason']").UrduEditor("14px"); jqcc("input[name='deletereason']").addClass("keyboardInput");
<vb:elseif condition="THIS_SCRIPT == 'album'" />
jqcc('#ititle').UrduEditor("14px"); jqcc("#ititle").addClass("keyboardInput");
jqcc('#idesc').UrduEditor("14px"); jqcc("#idesc").addClass("keyboardInput");
<vb:elseif condition="THIS_SCRIPT == 'register'" />
jqcc('#regusername').UrduEditor("14px"); jqcc("#regusername").addClass("keyboardInput");
</vb:if>
jqcc('#navbar_username').UrduEditor("12px");
jqcc("input[name='query']").UrduEditor("13px");
jqcc("input[name='q']").UrduEditor("14px");
jqcc('#userfield_txt').UrduEditor("14px"); jqcc("#userfield_txt").addClass("keyboardInput");
jqcc('#tag_add_input').UrduEditor("14px"); jqcc("#tag_add_input").addClass("keyboardInput");
jqcc('#vb_login_username').UrduEditor("14px"); jqcc("#vb_login_username").addClass("keyboardInput");
});
</script>
اب آپ فورم میں اردو ایڈیٹر کا استعمال کر سکتے ہیں۔
اردو ایڈیٹر کا ڈیفالٹ فونٹ تبدیل کرنا
آپ اگر ایڈیٹر کا فونٹ کسی نستعلیق فونٹ پر مبنی تھیم کی مناسبت سے تبدیل کرنا چاہتے ہیں تو بالا میں فراہم کیے گئے کوڈ میں ذیل کی لائن ڈھونڈیں:
PHP:
jqcc = jQuery.noConflict(true);
اور اس کے نیچے ذیل کی لائن شامل کر دیں:
PHP:
jqcc.fn.UrduEditor.defaults.EditorFont = 'Jameel Noori Nastaleeq';
جے کویری کا استعمال
اس موڈ میں جے کویری جاوا سکرپٹ فریم ورک کا استعمال کیا گیا ہے اور اس میں جے کویری کے سلیکٹر کو بھی ایک مخصوص انداز میں استعمال کیا ہے۔ اگر آپ اپنی فورم پر مزید کوئی ایسا موڈ استعمال کر رہے ہیں جس میں جے کویری فریم ورک کا استعمال ہوا ہوا ہے تو آپ کو ممکنہ conflicts سے بچنے کے لیے کچھ تبدیلیاں کرنے کی ضرورت پیش آ سکتی ہے۔
آپ کو اس اردو ایڈیٹر موڈ کے استعمال میں اگر کوئی مسئلہ پیش آتا ہے تو اس کے بارے میں یہاں رپورٹ کر سکتے ہیں۔ نوٹ کریں کہ وی بلیٹن لائسنسڈ سوفٹویر ہے۔ برائے مہربانی اس اردو ایڈیٹر موڈ کو صرف لائسنسڈ سوفٹویر کے ساتھ استعمال کریں۔
والسلام