Virtual Urdu Editor for vBulletin 4

[Post Reader]

hi and Assalam-O-Alaikum..!

i was wondering to add urdu language to my forum i googled for Urdu add on but only an open pad was available on the internet. this mod integrates urdu language to your vbulletin forum and while using this you can easily post threads and replies in Urdu language. also if you want to toggle between Urdu and English language then a little button is placed beside the search and editor options...

a single template edit in the headinclude template is required....

Installation..
Upload the files in the folder to your forums clientscript folder
Go to Admincp and then open headinclude tempelate via style manager>All template option and just copy the code at the end in the headinclude template
<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%20Phoneti c&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_Edit or_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_Edit or_001_textarea'));
jqcc('#vB_Editor_001_textarea').UrduEditor("18px");
<vb:elseif condition="THIS_SCRIPT == 'showthread'" />
jqcc(this).UrduEditor.writeKeyboard(jqcc('#vB_Edit or_QR_textarea'));
jqcc('#vB_Editor_QR_textarea').UrduEditor("18px");
<vb:elseif condition="THIS_SCRIPT == 'member'" />
jqcc(this).UrduEditor.writeKeyboard(jqcc('#vB_Edit or_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_Edit or_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_Edit or_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_Edit or_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_Edit or_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_Edit or_001_textarea'));
jqcc('#vB_Editor_001_textarea').UrduEditor("18px");
<vb:elseif condition="THIS_SCRIPT == 'entry'" />
jqcc(this).UrduEditor.writeKeyboard(jqcc('#vB_Edit or_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_Edit or_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>

wondering to change the Urdu font something like Jameel Noori Nastaleeq or anyother font you want find the code:

jqcc = jQuery.noConflict(true);

add this below that:

jqcc.fn.UrduEditor.defaults.EditorFont = 'Jameel Noori Nastaleeq';

Nnote: it might not work with the new Ck Editor

[Post Reader]

here is the screen shot

[tafreeh]

Thanks allot for this... Did you try it with CKEditor?

[JAFRI]

Thanks allot for this... Did you try it with CKEditor?

Not work on new update 4.1.4 CK Editor ,
but working fine 4.1.3

[Post Reader]

i have tried and disabled the WYSIWYG editor and while enabling the standard editor it is still not working

[creative-friend]

Very Well Done Wajdan Bahi

I will try this INSHALLAH.

[NAZIA]

:) good mod..
But i dont have VB 4 in Urdu.. :)

[uhking]

Assalamu Alaikum,
Wajdaan bhai,
If we can load the jquery after ckeditor so it will work. because in my case some times it works some times doesn't as i changed the code from

<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_Edit or_001_textarea'));
jqcc('#vB_Editor_001_textarea').UrduEditor("18px");


To

<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('.cke_sou rce'));
jqcc('.cke_source').UrduEditor("18px");


Agar koi bhai jquery ko thori dair say load karwa sakay to shayad kaam ban jaay....

[Post Reader]

you can try to run a mysql query via admincp and enable standard editor mode which'll i think help...

[M.Iftikhar]

please someone updated this....because it does not work in 4.1.5 please i need this...thanks

[Post Reader]

it'll not work with CK editor or wysiwig ditor you need to use the standard editor in order to make it work