Posts by Webbu

140 posts Designer & Developer
  • Elite Author
  • Has been a member for 4-5 years
  • Exclusive Author
  • Sold between 100 000 and 250 000 dollars
  • Referred between 50 and 99 users
  • Bought between 100 and 499 items
  • Author had a File in an Envato Bundle
  • Most Wanted Bounty Winner
  • Microlancer Beta Tester
Webbu says

Hi Good article but there was a wrong code. I already send a comment from your page but I think you didn’t see it. below code at the end of the page:

function ubl_add_tinymce() {

    global $typenow;
    if(!in_array($typenow, array('post', 'page'))) return ;

    add_filter( 'mce_external_plugins', 'ubl_add_tinymce_plugin' );
    add_filter( 'mce_buttons', ubl_add_tinymce_plugin );

}

// inlcude the js for tinymce
function ubl_add_tinymce_plugin( $plugin_array ) {

    $plugin_array['ubl_location'] = get_template_directory_uri() . '/js/Shortcodes_js.js';
    return $plugin_array;

}

// Add the button key for address via JS
function ubl_add_tinymce_button( $buttons ) {

    array_push( $buttons, shortcodes );
    return $buttons;

}

add_action( 'admin_head', ubl_add_tinymce );

has to be like this

add_filter( 'mce_buttons', ubl_add_tinymce_plugin );

change to
add_filter( 'mce_buttons', ubl_add_tinymce_button );

If I didn’t remember wrong this will fix the problem.

140 posts Designer & Developer
  • Elite Author
  • Has been a member for 4-5 years
  • Exclusive Author
  • Sold between 100 000 and 250 000 dollars
  • Referred between 50 and 99 users
  • Bought between 100 and 499 items
  • Author had a File in an Envato Bundle
  • Most Wanted Bounty Winner
  • Microlancer Beta Tester
Webbu says

Happy to help you guys… :)

140 posts Designer & Developer
  • Elite Author
  • Has been a member for 4-5 years
  • Exclusive Author
  • Sold between 100 000 and 250 000 dollars
  • Referred between 50 and 99 users
  • Bought between 100 and 499 items
  • Author had a File in an Envato Bundle
  • Most Wanted Bounty Winner
  • Microlancer Beta Tester
Webbu says

Thanks a lot for this tutorial Webbu

If anyone need shortcode to be inserted directly into the editor without popup can use this code inside plugin.js:

{text: 'Subtitle',onclick:function(){
    editor.execCommand("mceInsertContent", false, '[subtitle]Put Your Tittle Here.[/subtitle]')
}},

Did anybody who tried this fix experienced this bug – when switching between the Visual and Text editor a couple of times in TinyMCE, both toolbars become visible and I can’t access the Text editor, as if the tab button is dead. When I disable the Zilla plugin it goes back to normal…

Any ideas what might be causing this?

I tried the Zilla Shortcodes plugin fix on a fresh install and with Twentyfourteen theme…

Other than this, everything works as it should…
I’m getting the same bug switching between visual and the text editor
The problem is below code:
  tinymce.init({
        selector: ".wp-editor-area",
        toolbar: "shortcodes",
        setup: function(editor) {

            }
)};

check this new plugin.js https://github.com/webbudesign/ZillaShortcodeWP3.9/blob/master/plugin.js

Hope this will solve the problem.

140 posts Designer & Developer
  • Elite Author
  • Has been a member for 4-5 years
  • Exclusive Author
  • Sold between 100 000 and 250 000 dollars
  • Referred between 50 and 99 users
  • Bought between 100 and 499 items
  • Author had a File in an Envato Bundle
  • Most Wanted Bounty Winner
  • Microlancer Beta Tester
Webbu says

Yeah, got it now, works like a charm. Many thanks Webbu, you’re a life saver!

Good.. :) You’re welcome.

140 posts Designer & Developer
  • Elite Author
  • Has been a member for 4-5 years
  • Exclusive Author
  • Sold between 100 000 and 250 000 dollars
  • Referred between 50 and 99 users
  • Bought between 100 and 499 items
  • Author had a File in an Envato Bundle
  • Most Wanted Bounty Winner
  • Microlancer Beta Tester
Webbu says


Hey Webbu thanks for the tut, much appreciated ;)

I went through all the steps with a fresh download of Zilla Shortcodes, and while the button does appear, I only get two shortcodes listed in the dropdown menu – Alerts and Buttons, and when clicking on Buttons shortcode I get this warning:

Warning: Invalid argument supplied for foreach() in zilla-shortcodes-1.2\tinymce\shortcodes.class.php on line 65

You have to use exact “value” words in identifier… for example “alert” and “button”

Old

a.addWithPopup( b, "Alerts", "alert" );
a.addWithPopup( b, "Buttons", "button" );

New ( identifier: ‘alert’, identifier: ‘button’ )

{text: 'Alerts',onclick:function(){
editor.execCommand("zillaPopup", false, {title: 'Alerts',identifier: 'alert'})
}},
{text: 'Buttons',onclick:function(){
editor.execCommand("zillaPopup", false, {title: 'Buttons',identifier: 'button'})
}},
Thank you Webbu for the perfect solution for Zilla Shortcodes plugin :)

+1 right.

You’re welcome. :)

One more small tip: (For put button image icon)

Open tinymce / css / popup.css and add below line:

.mce-i-zilla_button{background-image:url(../images/icon.png)!important; background-repeat:no-repeat; background-color:transparent; background-position:center center}

Then you can change images / icon.png with your logo.

140 posts Designer & Developer
  • Elite Author
  • Has been a member for 4-5 years
  • Exclusive Author
  • Sold between 100 000 and 250 000 dollars
  • Referred between 50 and 99 users
  • Bought between 100 and 499 items
  • Author had a File in an Envato Bundle
  • Most Wanted Bounty Winner
  • Microlancer Beta Tester
Webbu says

Hi,

I want to write this tutorial for help authors which using Zilla Shortcodes;

Step1: Open zilla-shortcodes.php and change codes below;

A – ) Code Block 1;
function add_rich_plugins( $plugin_array )
{
$plugin_array['zillaShortcodes'] = ZILLA_TINYMCE_URI . '/plugin.js';
return $plugin_array;
}

change to

function add_rich_plugins( $plugin_array )
{
if ( floatval(get_bloginfo('version')) >= 3.9){
$plugin_array['zillaShortcodes'] = ZILLA_TINYMCE_URI . '/plugin.js';
}else{
$plugin_array['zillaShortcodes'] = ZILLA_TINYMCE_URI . '/plugin.old.js'; // For old versions of WP
}
return $plugin_array;
}

B – ) Code Block 2; on line 89

wp_enqueue_script( 'zilla-popup', ZILLA_TINYMCE_URI . '/js/popup.js', false, '1.0', false );

change to

if ( floatval(get_bloginfo('version')) >= 3.9){
wp_enqueue_script( 'zilla-popup', ZILLA_TINYMCE_URI . '/js/popup.js', false, '1.0', false );
}else{
wp_enqueue_script( 'zilla-popup', ZILLA_TINYMCE_URI . '/js/popup.old.js', false, '1.0', false );
//For older versions of WP
}

Step 2: Rename these to files below;
1-) tinymce > js > popup.js to popup.old.js (keep original one for change)
2-) tinymce > plugin.js to plugin.old.js (keep original one for change)

Step 3: Change tinymce > plugin.js like sample below for new Tinymce; https://github.com/webbudesign/ZillaShortcodeWP3.9/blob/master/plugin.js

Step 4: Find and change tinymce > js > popup.js code below (line146-150);

if(window.tinyMCE)
{
window.tinyMCE.execInstanceCommand('content', 'mceInsertContent', false, $('#_zilla_ushortcode', form).html());
tb_remove();
}

change to

if(parent.tinymce)
{                parent.tinymce.activeEditor.execCommand('mceInsertContent',false,$('#_zilla_ushortcode', form).html());
tb_remove();
}

That is it. Now this shortcodes will work with old WP and new v3.9 . Hope this helps..

140 posts Designer & Developer
  • Elite Author
  • Has been a member for 4-5 years
  • Exclusive Author
  • Sold between 100 000 and 250 000 dollars
  • Referred between 50 and 99 users
  • Bought between 100 and 499 items
  • Author had a File in an Envato Bundle
  • Most Wanted Bounty Winner
  • Microlancer Beta Tester
Webbu says

Try this one;

if ( floatval(get_bloginfo('version')) >= 3.9){
//new codes
}else{
//old codes
}
140 posts Designer & Developer
  • Elite Author
  • Has been a member for 4-5 years
  • Exclusive Author
  • Sold between 100 000 and 250 000 dollars
  • Referred between 50 and 99 users
  • Bought between 100 and 499 items
  • Author had a File in an Envato Bundle
  • Most Wanted Bounty Winner
  • Microlancer Beta Tester
Webbu says

Old shortcodes gone. :( Need to update all themes :)

140 posts Designer & Developer
  • Elite Author
  • Has been a member for 4-5 years
  • Exclusive Author
  • Sold between 100 000 and 250 000 dollars
  • Referred between 50 and 99 users
  • Bought between 100 and 499 items
  • Author had a File in an Envato Bundle
  • Most Wanted Bounty Winner
  • Microlancer Beta Tester
Webbu says

I need minimum 15 days. for finish. My project is %60 finished. I think can’t finished before deadline. :(

140 posts Designer & Developer
  • Elite Author
  • Has been a member for 4-5 years
  • Exclusive Author
  • Sold between 100 000 and 250 000 dollars
  • Referred between 50 and 99 users
  • Bought between 100 and 499 items
  • Author had a File in an Envato Bundle
  • Most Wanted Bounty Winner
  • Microlancer Beta Tester
Webbu says

Congrats :)

by
by
by
by
by
by