vb.org Archive
Page 1 of 2 1 2
Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 4.x Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=245)
-   -   New Posting Features - Urdu Editor Integration for vBulletin 4.1.6 (https://vborg.vbsupport.ru/showthread.php?t=271855)

simunaqv 10-10-2011 10:00 PM
Urdu Editor Integration for vBulletin 4.1.6
 
1 Attachment(s)
Hello,

Since the introduction of CKEditor in newer versions of vbulletin, the Urdu editor cannot be integrated simply by including some javascript code inside the headinclude template. I have therefore written a ckeditor plugin to enable Urdu text editing. This plugin is part of the Urdu editor integration that I am providing here. This makes it possible to type Urdu even in the wysiwyg mode. The following screenshots show the editor on the post page in standard editor mode and the wysiwyg mode respectively.


https://vborg.vbsupport.ru/external/2011/10/52.png

https://vborg.vbsupport.ru/external/2011/10/53.png

Installation

1. Unpack the zip-archive and upload the contents of the upload folder to your forum file area.

2. Import the product file product-urdu_editor.xml

3. Open template headinclude
Add at the end the following code:


HTML Code:
<script src="{vb:raw vboptions.bburl}/clientscript/jquery/jquery-1.6.1.min.js" type="text/javascript"></script>
<script src="{vb:raw vboptions.bburl}/clientscript/jquery/jquery.UrduEditor.js" type="text/javascript"></script>

<script language="JavaScript" type="text/javascript">
    jqcc = jQuery.noConflict(true);
    jqcc.fn.UrduEditor.defaults.EditorFont = 'Jameel Noori Nastaleeq';
    jqcc.fn.UrduEditor.defaults.LineBreak = false;
    jqcc(document).ready(function () {
        <vb:if condition="THIS_SCRIPT == 'newthread'">
            jqcc('#title').UrduEditor("14px");
            jqcc('#subject').UrduEditor("14px");
            jqcc('#tagpopup_ctrl').UrduEditor("14px");
        <vb:elseif condition="THIS_SCRIPT == 'newreply'" />
            jqcc('#title').UrduEditor("14px");
            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('#titlefield').UrduEditor("14px");
            jqcc('#editreason').UrduEditor("14px");
            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");
        <vb:elseif condition="THIS_SCRIPT == 'private'" />           
            jqcc('#pmrecips_ctrl').UrduEditor("14px");
            jqcc('#bccpmrecips_ctrl').UrduEditor("14px");
            jqcc('#title').UrduEditor("14px");
            jqcc(this).UrduEditor.writeKeyboard(jqcc('#vB_Editor_001_textarea'));
            jqcc('#vB_Editor_001_textarea').UrduEditor("18px");           
            jqcc('#vB_Editor_QR_textarea').UrduEditor("18px");
            jqcc('#searchuser_ctrl').UrduEditor("14px");
            jqcc('#searchtitle').UrduEditor("14px");
        <vb:elseif condition="THIS_SCRIPT == 'blog'" />
            jqcc('#quicksearch_blog_text').UrduEditor("14px");       
        <vb:elseif condition="THIS_SCRIPT == 'blog_post'" />
            jqcc("input[name='title']").UrduEditor("14px");
            jqcc(this).UrduEditor.writeKeyboard(jqcc('#vB_Editor_001_textarea'));
            jqcc('#vB_Editor_001_textarea').UrduEditor("18px");       
            jqcc('#tag_input').UrduEditor("14px");
        <vb:elseif condition="THIS_SCRIPT == 'blog_report'" />
            jqcc("textarea[name='reason']").UrduEditor("16px");
        <vb:elseif condition="THIS_SCRIPT == 'report'" />
            jqcc('#message').UrduEditor("14px");
        <vb:elseif condition="THIS_SCRIPT == 'content'" />
            jqcc('#title').UrduEditor("14px");
            jqcc(this).UrduEditor.writeKeyboard(jqcc('#vB_Editor_001_textarea'));
            jqcc('#vB_Editor_001_textarea').UrduEditor("18px");
            jqcc('#html_title').UrduEditor("14px");
            jqcc("textarea[name='description']").UrduEditor("16px");
            jqcc('#keywords').UrduEditor("14px");
            jqcc("input[name='title']").UrduEditor("14px");
            jqcc('#cms_node_title').UrduEditor("14px");
            jqcc('#cms_node_title').UrduEditor("14px");
        <vb:elseif condition="THIS_SCRIPT == 'infraction'" />
            jqcc('#title').UrduEditor("14px");
            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('#groupdesc').UrduEditor("16px");
            jqcc("input[name='Subject']").UrduEditor("14px");
            jqcc(this).UrduEditor.writeKeyboard(jqcc('#vB_Editor_001_textarea'));
            jqcc('#vB_Editor_001_textarea').UrduEditor("18px");
            jqcc('#message').UrduEditor("14px");
        <vb:elseif condition="THIS_SCRIPT == 'group_inlinemod'" />
            jqcc("input[name='deletereason']").UrduEditor("14px");     
        <vb:elseif condition="THIS_SCRIPT == 'album'" />
            jqcc('#ititle').UrduEditor("14px");
            jqcc('#idesc').UrduEditor("14px");       
        <vb:elseif condition="THIS_SCRIPT == 'register'" />
            jqcc('#regusername').UrduEditor("14px");       
        </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('#tag_add_input').UrduEditor("14px");
        jqcc('#vb_login_username').UrduEditor("14px");     
    });
</script>
4. Open template editor_contents.css
Add at the end the following code:


HTML Code:
body.forum {
    font: 18px 'Jameel Noori Nastaleeq';
    direction:rtl;
}
body.content {
    font: 18px 'Jameel Noori Nastaleeq';
    direction:rtl;
}


Customization of the Urdu editor

In order to modify the font of the non-wysiwyg editor, change the font name in the following line:

HTML Code:
jqcc.fn.UrduEditor.defaults.EditorFont = 'Jameel Noori Nastaleeq';
To modify the font of the wysiwyg editor you will need to adapt the css code added to the editor_content.css template.

Update October 12, 2011

-fixed a bug in the CKEditor plugin that prevented Urdu editor integration in the standard editor mode.

SpaceStar 10-11-2011 08:26 PM
Assalamo Allaikum

Where to find: Open template editor_contents.css ?

Shadow 10-11-2011 08:51 PM
AdminCP --> Styles and Templates --> Search in Templates.

Type in editor_contents.css in to the box and select Yes on "Search Titles Only". Click Find and you should get what you're looking for.

SpaceStar 10-11-2011 08:54 PM
Quote:
Originally Posted by Shadow786 (Post 2256036)
AdminCP --> Styles and Templates --> Search in Templates.

Type in editor_contents.css in to the box and select Yes on "Search Titles Only". Click Find and you should get what you're looking for.
I did that - but I didn't find anything - that's why I posted here :)

SpaceStar 10-11-2011 11:37 PM
1 Attachment(s)
I found out why I couldnt find editor_contents.css - I was using an elder version of vBulletin.

It's a much needed mod for urdu boards, I have installed it and it works ok, though I have disabled it again. Reason? None of the icons are showing in the WYSIWYG editor, see image attached.

If you reply to a post and click in on the Urdu, the cursor jumps to the title field instead of the editing field.

Reply with Quote - does not work anfter this mod neither do the Reply button.

Quick reply looks very odd

M.Iftikhar 10-12-2011 01:31 AM
very nice brother i will cheeked this i am very thankful to you.....i am waiting many days ago...thanks

M.Iftikhar 10-12-2011 02:40 AM
does it work 4.1.7 i try but it could not work....please tell me does it work or not in 4.1.7..thanks and reply me soon.

M.Iftikhar 10-12-2011 03:22 AM
Quote:
Originally Posted by Shadow786 (Post 2256036)
AdminCP --> Styles and Templates --> Search in Templates.

Type in editor_contents.css in to the box and select Yes on "Search Titles Only". Click Find and you should get what you're looking for.
you can find editor_contents.css in CSS Templates...thanks

simunaqv 10-12-2011 06:10 AM
Quote:
Originally Posted by SpaceStar (Post 2256089)
I found out why I couldnt find editor_contents.css - I was using an elder version of vBulletin.

It's a much needed mod for urdu boards, I have installed it and it works ok, though I have disabled it again. Reason? None of the icons are showing in the WYSIWYG editor, see image attached.

If you reply to a post and click in on the Urdu, the cursor jumps to the title field instead of the editing field.

Reply with Quote - does not work anfter this mod neither do the Reply button.

Quick reply looks very odd
You don't need buttons to type Urdu or to switch language mode. These buttons are not available for wysiwyg mode. You can instead use the CTRL+SPACE shortcut for switching the language mode. Alternatively you can change preferences in your profile settings to use the standard editor instead of the wysiwyg one. This will then appear with the language controls.


Quote:
Originally Posted by M.Iftikhar (Post 2256131)
does it work 4.1.7 i try but it could not work....please tell me does it work or not in 4.1.7..thanks and reply me soon.
I did not test it on 4.1.7. What is the problem that you are facing?

M.Iftikhar 10-12-2011 07:23 AM
Standard Editor - Extra formatting controls USE KIY HA LAKIN YA WORK NAHI KR REHA YA MOD SELECT KRNA SE URDU TU BILKUL EDITOR MEIN TYPE NAHI HOTI.....
Enhanced Interface - Full WYSIWYG Editing..KRNA SE TYPE HOTI HA LAKIN NA BACKGROUND COLOR SHOW HOTA HA OR NA LANGUAGE CONTROL SHOW HOTA HA....ZARA BAHI YA KAM KR DY.......THANKS

SpaceStar 10-12-2011 07:58 AM
Quote:
Originally Posted by simunaqv (Post 2256173)
You don't need buttons to type Urdu or to switch language mode. These buttons are not available for wysiwyg mode. You can instead use the CTRL+SPACE shortcut for switching the language mode. Alternatively you can change preferences in your profile settings to use the standard editor instead of the wysiwyg one. This will then appear with the language controls.
brother I have a very odd Advance Reply layout - none of the icons are visible - as you can see in the image, I attached to my previous post. I had upgraded vBulletin to 4.1.7.

Quick Reply is looking equally odd.

JAFRI 10-12-2011 08:03 AM
Good work, i need this ;-) just i like some changing.

var urdueditor_lang = 0; // 1: Urdu, 0: English

M.Iftikhar 10-12-2011 08:41 AM
Quote:
Originally Posted by JAFRI (Post 2256203)
Good work, i need this ;-) just i like some changing.

var urdueditor_lang = 0; // 1: Urdu, 0: English
WHAT IS MEAN (var urdueditor_lang = 0; // 1: Urdu, 0: English)

uhking 10-12-2011 08:45 AM
Quote:
Originally Posted by SpaceStar (Post 2256089)
It's a much needed mod for urdu boards, I have installed it and it works ok, though I have disabled it again. Reason? None of the icons are showing in the WYSIWYG editor, see image attached.

Quick reply looks very odd
Brother, you should change the directory of the images in stylvars:

in Stylvars find (imgdir_editor) click on it and change image path to "images/editor"

Thanks,

JAFRI 10-12-2011 09:30 AM
Quote:
Originally Posted by uhking (Post 2256213)
Brother, you should change the directory of the images in stylvars:

in Stylvars find (imgdir_editor) click on it and change image path to "images/editor"

Thanks,
change bburl.

bburl}/image/xxxx/xxxx

JAFRI 10-12-2011 09:33 AM
Quote:
Originally Posted by M.Iftikhar (Post 2256212)
WHAT IS MEAN (var urdueditor_lang = 0; // 1: Urdu, 0: English)
my forum has default editor like english. because 70% members don't know urdu. :p

simunaqv 10-12-2011 04:35 PM
Update October 12, 2011

-fixed a bug in the CKEditor plugin that prevented Urdu editor integration in the standard editor mode.

SpaceStar 10-12-2011 08:25 PM
Quote:
Originally Posted by simunaqv (Post 2256365)
Update October 12, 2011

-fixed a bug in the CKEditor plugin that prevented Urdu editor integration in the standard editor mode.
Salaam

Did you checked it different browsers? I get odd layout in Explorer. FireFox is acting normal, but Explorer is showing an odd advanced edit layout.

Secondly: Can the user have an option of using Urdu Editor or default English Editor??

simunaqv 10-13-2011 09:41 AM
Quote:
Originally Posted by SpaceStar (Post 2256459)
Salaam

Did you checked it different browsers? I get odd layout in Explorer. FireFox is acting normal, but Explorer is showing an odd advanced edit layout.

Secondly: Can the user have an option of using Urdu Editor or default English Editor??
The editor enhancement is only there for providing an Urdu editor. It does not modify the layout.

You can set up a separate style on your forum which contains the Urdu editor integration. Those who want to use the Urdu editor can set that style as their default.

M.Iftikhar 10-13-2011 01:51 PM
thanks brother now it work i am using 4.1.7 and it works fine....also now work fine in Google chrome and Firefox...thanks brother

M.Iftikhar 10-13-2011 01:53 PM
brother one more information needed does it work on chat room....your old editor works with chat but this one not work....i am using DBTech - vBShout...Does it work on this chat room......thanks and reply me soon..

simunaqv 10-14-2011 06:25 AM
This mod only provides Urdu editor integration for the basic edit areas of the forum. I do not plan to support any third party add-ons.

shakirulqadree 10-14-2011 05:53 PM
thanks! installed

creative-friend 10-14-2011 10:54 PM
Assalam-o-Alaikum

Woww Brother.......

Best Mod For Urdu Forums.....

I will install it and let you know In Sha ALLAH.

creative-friend 10-14-2011 11:19 PM
I am using Vbulletin 4.1.3

Will it work on this version??

LbR 10-15-2011 04:06 AM
I wish i had urdu site :( good work guys

SpaceStar 10-17-2011 08:08 PM
Quote:
Originally Posted by simunaqv (Post 2256710)
The editor enhancement is only there for providing an Urdu editor. It does not modify the layout.

You can set up a separate style on your forum which contains the Urdu editor integration. Those who want to use the Urdu editor can set that style as their default.
I did it on you advice and everyone seems to be happy - thanks.

Just another question: When I write in Urdu, it use Nastaleeq, which is good, but when it's displayed in thread, it shows in Unicode/Nasakh. Have you any idea of why?

simunaqv 10-18-2011 07:01 AM
The editor does not control how the text is displayed. You need to customize your forum's theme to use whatever font you like.

tafreeh 10-26-2011 03:55 AM
Thanks... finally someone cares about Urdu...

creative-friend 10-27-2011 04:50 AM
I have done everything

But i cant see it in quick reply :(

rr2000 11-11-2011 12:01 PM
Hi

Good one! How to extend to other languages like Hindi, Telugu or Tamil?

creative-friend 11-28-2011 05:23 PM
Assalam-o-Alaikum bro

I have installed it and it worked perfect for me

But getting complains from some members about google chrome

Even i checked in chrome it doesnt work in chrome

Do you have any idea what is wrong??

simunaqv 11-29-2011 09:03 AM
Quote:
Originally Posted by rr2000 (Post 2266899)
Hi

Good one! How to extend to other languages like Hindi, Telugu or Tamil?
Have a look at the code. It uses a simple lookup to replace keystrokes.


Quote:
Originally Posted by creative-friend (Post 2272797)
Assalam-o-Alaikum bro

I have installed it and it worked perfect for me

But getting complains from some members about google chrome

Even i checked in chrome it doesnt work in chrome

Do you have any idea what is wrong??
I tested it in chrome and it worked fine. Which version of chrome are you using?

M.Iftikhar 11-30-2011 09:20 AM
Quote:
Originally Posted by simunaqv (Post 2272984)


I tested it in chrome and it worked fine. Which version of chrome are you using?

Dear brother.... you are done great job....but many user that using chrome are facing problem....you said it work on chrome... i accept your comments ...but brother you cheek it on chrome using this option... Standard Editor - Extra formatting controls.
if we select this option it works in chrome but if we Select Enhanced Interface - Full WYSIWYG Editing it does not work in chrome but other browser work fine.....this is the point if it works all the browser then why it does not work in chrome...please brother we requesting you solved this problem. if we enabled Enhanced Interface - Full WYSIWYG Editing then it works on chrome.....and many site owner uninstalled this plugins due to this problem please solved this problem brother....please brother this is the last thing do it for us............thanks

Kiran-E-Sehar 12-05-2011 12:44 AM
how can i change default editor to Eniglish ?

it is now Urdu and even there is not any button to change editor to urdu-english

please guide me
Thanks

And great Job Bro :)

creative-friend 12-09-2011 04:48 PM
Quote:
Originally Posted by Kiran-E-Sehar (Post 2274741)
how can i change default editor to Eniglish ?

it is now Urdu and even there is not any button to change editor to urdu-english

please guide me
Thanks

And great Job Bro :)
Assalam-o-Alaikum Brother

Switching between languages u need to press Ctrl+Space and it will change the language....

SulemanSubhani 01-13-2012 01:41 PM
is working on 4.1.10 ?

salman.attari 02-06-2012 07:13 AM
Assalamoalikum ,

This is great plugin.

But i want to ask a question.

Where to find the Forum File Area.

Thanks.

JazakALLAH.

JAFRI 03-26-2012 06:07 AM
Quote:
Originally Posted by Kiran-E-Sehar (Post 2274741)
how can i change default editor to Eniglish ?

it is now Urdu and even there is not any button to change editor to urdu-english

please guide me
Thanks

And great Job Bro :)
edit plugin.js file.
var urdueditor_lang = 0; // 1: Urdu, 0: English if u want default english.

JAFRI 03-26-2012 06:16 AM
Quote:
Originally Posted by salman.attari (Post 2296699)
Assalamoalikum ,

This is great plugin.

But i want to ask a question.

Where to find the Forum File Area.

Thanks.

JazakALLAH.
Forum File Area.
public_html/ur forum root/clientscript/


All times are GMT. The time now is 05:20 PM.
Page 1 of 2 1 2
Show 40 post(s) from this thread on one page

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01474 seconds
  • Memory Usage 1,860KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (3)bbcode_html_printable
  • (18)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (40)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete