WordPress.org

Ready to get started?Download WordPress

Forums

SyntaxHighlighter TinyMCE Button
tinymce toolbar disappears (23 posts)

  1. computerslayer1
    Member
    Posted 3 years ago #

    When this plugin is enabled, the tinymce toolbar disappears.

  2. redcocker
    Member
    Plugin Author

    Posted 3 years ago #

    Hi,computerslayer1 san

    Does whole toolbar disappear? or some buttons disappear?
    Please tell me your wordpress version and browser version.

    Depending on your browser's window width, Some buttons may be hidden behind the right column.

    Thank you.

  3. computerslayer1
    Member
    Posted 3 years ago #

    The whole toolbar disappears. Here's a screenshot:

    http://imageshack.us/photo/my-images/163/addnewpost.jpg/

    When I deactivate the plugin, the toolbar re-appears:

    http://imageshack.us/photo/my-images/715/addnewpostshow.jpg/

    I'm running WordPress 3.1.3 with this syntax highlighter plugin: http://wordpress.org/extend/plugins/syntaxhighlighter/

    I've tried using firefox 3.6.17 and Chrome 11.0.696.77, but the issue appears in both. The browser size is set to 2048x1024.

  4. redcocker
    Member
    Plugin Author

    Posted 3 years ago #

    Hi, computerslayer1 san

    Thank you for your report.

    I tested in a similar environment, but the toolbar appears.

    WordPress 3.1.3
    SyntaxHighlighter Evolved 3.1.2
    SyntaxHighlighter TinyMCE Button 0.4.1

    Wnen "SyntaxHighlighter Evolved" deactivated, does the toolbar disappear?

  5. computerslayer1
    Member
    Posted 3 years ago #

    The toolbar still disappears when the "SyntaxHighlighter Evolved" plugin is deactivated.

    I went through and deactivated all the other plugins except for the "SyntaxHighlighter TinyMCE Button" plugin. The toolbar still disappeared.

    I enabled debugging mode, but that didn't seem to reveal any error messages related to your plugin.

  6. redcocker
    Member
    Plugin Author

    Posted 3 years ago #

    When both "Select & Insert" and "CodeBox", or either one are disabled on setting panel, How does the toolbar appear?

    Thank you.

  7. computerslayer1
    Member
    Posted 3 years ago #

    When both are disabled, the toolbar re-appears. If either option or both options are enabled, then the toolbar disappears.

  8. redcocker
    Member
    Plugin Author

    Posted 3 years ago #

    Thank you for your report.

    I can know "sh-tinymce-button.php" doesn't cause this trouble.
    As you didn't get any error with debugging mode, I seem this trouble is caused by the javascript.
    (Can't exclude "sh-tinymce-button-ins.php" and "sh-tinymce-button-box.php" as a cause...)

    Frankly, I can't figure out what's behind it now.
    I will check and rewite "editor_plugin.js" in next version.

  9. redcocker
    Member
    Plugin Author

    Posted 3 years ago #

    Hi, computerslayer1 san

    Today, ver. 0.5 released.

    This version may help you solve your problems.
    When the toolbar disappears, try to activate "Secondary mode" or change display row.(See setting panel)

  10. computerslayer1
    Member
    Posted 3 years ago #

    I tried the new "secondary mode" option and tried changing the display row, but the toolbar did not appear. :(

  11. redcocker
    Member
    Plugin Author

    Posted 3 years ago #

    Hi, computerslayer1 san

    It is a bad news for me.
    Now, I don't have any solution to this problem.
    However, 0.2.1 or older version may work on your blog.
    Becasue 0.2.1 or older version creates buttons in slightly different way.

    http://wordpress.org/extend/plugins/syntaxhighlighter-tinymce-button/download/

    If it works, I will fix your problem in next version.

  12. computerslayer1
    Member
    Posted 3 years ago #

    0.2.1 didn't work. The toolbar still disappeared.

    Your 0.5.5 update didn't seem to address the issue either. I also tried clicking the new "Show You System Info" link, but that didn't seem to do anything.

  13. redcocker
    Member
    Plugin Author

    Posted 3 years ago #

    Hi, computerslayer1 san

    I also tried clicking the new "Show You System Info" link, but that didn't seem to do anything.

    When clicking "Show Your System Info", Your system info must be shown.

    "Show Your System Info" also depends on a javascript.
    The javascript may error out or be blocked.

    I am confused about this issue, because the javascript is very simple.
    However I think it may help to fix the issue for toolbar.

    If you can, please go through the following steps to detect errors.

    1. Launch your "Google Chrome".
    2. Go to settings(Customize and control) -> Tools -> JavaScript console.
    3. Browse "SyntaxHighlighter TinyMCE" Button setting panel and click "Show Your System Info" link.

    *If any errors, You can get errors in "JavaScript console".
    *Repeat the same steps and browse your post in edit mode.

  14. computerslayer1
    Member
    Posted 3 years ago #

    Errors when clicking the "show your system info" link

    Failed to load resource: the server responded with a status of 404 (Not Found)
    rc-admin-js.js
    
    Uncaught ReferenceError: showhide is not defined
    options-general.php:1
    (anonymous function)
    options-general.php:1

    When loading the post editor:
    GET http://mydomain.com/wp-content/plugins/syntaxhighlighter-tinymce-button/rc-admin-js.js?ver=1.1 404 (Not Found)

    I think I may see a potential problem here. Did you hardcode the "wp-content" directory?

    I renamed my wp-content director to something else in my installation of wordpress.
    rc-admin-js.js

  15. redcocker
    Member
    Plugin Author

    Posted 3 years ago #

    Hi, computerslayer1 san

    Thank you for your report.

    Did you hardcode the "wp-content" directory?

    Yes.
    I must change the way to get plugin directory.

    I will release the next version soon.
    First, in "Secondary Mode", I will use another way.
    When updated, please try to activate "Secondary Mode".
    I believe plugin_dir_url() function can work on your blog.

  16. redcocker
    Member
    Plugin Author

    Posted 3 years ago #

    Now, Ver.0.5.6 released!

  17. computerslayer1
    Member
    Posted 3 years ago #

    With the "secondary mode" enabled, the toolbar appears and I can click on the pre and code buttons the plugin provides.

    However, pressing the "insert" button in the SHTB windows don't add the text to the editing window. There were a few errors in the javascript console:

    Failed to load resource: /wp-content/plugins/syntaxhighlighter-tinymce-button/sh-tinymce-button-box/tinymce.js?ver=0.5.6
     the server responded with a status of 404 (Not Found)
    
    Uncaught ReferenceError: insertSHTBADVCODEBOXcode is not defined /content/plugins/syntaxhighlighter-tinymce-button/sh-tinymce-button-box/window.php?ver=3393a2-sh3.1.3:84
    
    Failed to load resource: /wp-content/plugins/syntaxhighlighter-tinymce-button/sh-tinymce-button-box/tinymce.js?ver=0.5.6 the server responded with a status of 404 (Not Found)
  18. redcocker
    Member
    Plugin Author

    Posted 3 years ago #

    Hi, computerslayer1 san

    Sorry, I have forgotten about some lines that need to be fixed.

    Now. I have released ver. 0.5.7.
    Please activate "Secondary Mode" before try it.

  19. computerslayer1
    Member
    Posted 3 years ago #

    Looks like it's working now :)

    What is this secondary mode, anyway?

    Could you increase the size of the window so the insert/cancel buttons can be clicked without needing to scroll the window?

    http://img225.imageshack.us/img225/5923/addnewpost.png

  20. redcocker
    Member
    Plugin Author

    Posted 3 years ago #

    Hi, computerslayer1 san

    What is this secondary mode, anyway?

    In ver.0.5.7 or 0.5.6, "secondary mode" does not carry much weight.
    The difference is just the way to get plugin directory.
    In future version, "secondary mode" is not necessary option.
    I considered the possible effect on other users and tried to fix in "secondary mode".

    Could you increase the size of the window so the insert/cancel buttons can be clicked without needing to scroll the window?

    When you activate "Load All Brushes" on the "SyntaxHighlighter" setting panel, the warning message will disappear and the vertical scrollbar may disappear.

    You can also edit "width" and "height" values to change window size.

    YOUR PLUGIN DIRECTORY/syntaxhighlighter-tinymce-button/sh-tinymce-button-box/editor_plugin.js

    ed.addCommand('shtb_adv_codebox_cmd', function() {
    	ed.windowManager.open({
    		file : url + '/window.php',
    		width : 360,
    		height : 430,
    		inline : 1
    	}, {
    		plugin_url : url // Plugin absolute URL
    	});
    });

    YOUR PLUGIN DIRECTORY/syntaxhighlighter-tinymce-button/sh-tinymce-button-ins/editor_plugin.js

    ed.addCommand('shtb_adv_insert_cmd', function() {
    	ed.windowManager.open({
    		file : url + '/window.php',
    		width : 360,
    		height : 190,
    		inline : 1
    	}, {
    		plugin_url : url // Plugin absolute URL
    	});
    });

    Now there isn't an easier way to change window size.
    But this issue is important for me.
    I will add the option to change window size in future version.

    If you and other users report "width" and "height" that you like, that will help my development.

    Thank you.

  21. redcocker
    Member
    Plugin Author

    Posted 3 years ago #

    Hi, computerslayer1 san

    Now. I have released ver.0.6.
    This version has the option to change pop-up window size.
    And no need to activate "secondary mode".

  22. computerslayer1
    Member
    Posted 3 years ago #

    The syntaxhighlighter isn't actually used when this plugin generates the code in the editor. The text is just surrounded by pre tags, which the syntaxhighlighter plugin doesn't use for formatting, apparently.

  23. redcocker
    Member
    Plugin Author

    Posted 2 years ago #

    Hi, computerslayer1 san

    Are you using with "SyntaxHighlighter Evolved"?

    When using with "SyntaxHighlighter Evolved", "Load All Brushes" option must be enabled on the "SyntaxHighlighter" setting panel.

    And

    This plugin is designed to work with a plugin based on Alex Gorbatchev's SyntaxHighlighter Ver, 2.0 or higher.

    You can not use this plugin with some 'SyntaxHighlighter'-based plugins which do not support <pre> tag.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic