Editor add youtube button

ken

post after...

Intelligent analysis of youtube url address.
Applicable to www.youtube.com and youtu.be

I only translate three languages.
as Simplified Chinese, Traditional Chinese and English.

Step.1
Add this...


Step.2
Modify file /static/js/editor.js     Line:1017
Add

1. 
   
2. //Youtube Code by Ken
   
3.                         case 'youtube' :
   
4.                             selection = null ;
   
5.                             var haveSel = selection == null || selection == false || in_array(trim(selection), ['', 'null', 'undefined', 'false' ]) ? 0 : 1;
   
6.                             if(params == 1 && haveSel) {
   
7.                                 return insertText((opentag + selection + closetag), strlen(opentag), strlen(closetag), true, sel);
   
8.                             }
   
9.                             var promptlang = custombbcodes[tag]['prompt'].split("\t");
   
10.                             for(var i = 1; i <= params; i++) {
    
11.                                 if(i != params || !haveSel) {
    
12.                                     str += lng['youtube_url'] + '<br /><br/><input type="text" id="' + ctrlid + '_param_' + i + '" style="width: 98%" value="" class="px" />' + (i < params ? '<br />' : '');
    
13.                                 }
    
14.                             }
    
15.                                 break;
    

Copy the Code

or download attachment and overwrite.

Step.3
Modify file /language/??/lang_js.js     Line: 293
Add

1. 
   
2. //Youtube Code by Ken
   
3.         'youtube_url'        : 'Please input youtube video url address.<br/><font color=red>include http:// </font><br/>',
   
4.         'youtube_url_1'        : 'Url address must include http://',
   
5.         'youtube_url_2'        : 'Url address is not youtube provide, Please re-paste again, Thanks',
   
6.         'youtube_url_3'        : 'Youtube url address format error!',
   

Copy the Code

or download attachment and overwrite.

Step.4

Save as youtube.gif upload to u /static/image/

Step.5
Add this...


Step.6
In Details...

Replacement content:

1. 
   
2. <iframe width="640" height="360" src="http://www.youtube.com/embed/{1}?hd=1&wmode=transparent" frameborder="0" allowfullscreen  wmode="Opaque"></iframe>
   

Copy the Code

and given the appropriate permissions.

All done! now you can input youtube url address in editor!
attachment is modify in Rev.332
hope any one can help translate it.

vot

Media test 2:

vot

ken,
WHY you are not satisfied with the existing solution: using [media] tag???
It allready supports youtube and other video-sites.
See my previous test posting.

The code used:

1. [media=x,500,375]http://www.youtube.com/watch?v=ip6OBdOnSLU&feature=g-vrec&context=G246ec1eRVAAAAAAAAAw[/media]

Copy the Code

Screenshot:




I have prepared a Tutorial:
How to add Youtube Video

ken

Oh, I see!
Because I found this in the chinese forum.
This code seems presence Discuz 7.2 before.
I don't know why needed this codes? if have media codes after.