redcocker

Hi, goblooge san

That’s good.

I think jQuery loaded by WP SyntaxHighlighter conflicted with other javascripts.

In WP 3.1 or higher, SH pre button can work without loading extra jQuery.

Hi, goblooge san

Thank you for your report.

1. If “Load jQuery and jQuery UI” in “3. HTML Editor Settings” section is enabled, disable it.

2. When you deactivate all plugins except “WP SyntaxHighlighter” and activate a default theme(Twenty eleven or Twenty ten), Can you save a post?

3. Let me know your browser and version.

Wow! Thanks, Josh san!

Hi, Josh san

I added a screenshot into zip file.

Download: https://www.near-mint.com/blog/download/jwl-ultimate-tinymce-ja.1.5.6.zip

Hi, Theo F san,

If “Stop removing the <p> and <br /> tags when saving and show them in the HTML editor” is enabled, “TinyMCE Advanced” adds extra <br /> into the text wrapped in <pre> tag.

Maybe SyntaxHighlighter Evolved works in your settings correctly, because it supports not <pre> tag but shortcode.

Hi, Theo F san,

When all plugins are disabled except WP SyntaxHighligter, How does it work?

I think installed plugins cause this isuue.
If you are using plugins that covert line feed to <br /> or stop automatic formatting, WP SyntaxHighligter can’t work correctly.

If you are using “TinyMCE Advanced” plugin, don’t enable “Stop removing the <p> and <br /> tags when saving and show them in the HTML editor”.

Hi, Theo F san

I discovered afterwards that if I copy/paste a bit of CSS code which is shown on several lines by SyntaxHighlighter the code was written on one line by the CoffeeCup HTML editor.

Maybe, because CoffeeCup HTML editor supports only CR/LF.
Wnen the code is pasted to Windows Notepad also, line feed will be lost.

I want to test with CoffeeCup HTML editor.
Where can I get CoffeeCup HTML editor?

Here?
https://www.coffeecup.com/free-editor/

HI, Theo F san,

Did you get this issue when you saved your post as a draft and previewed it.

If you are using plugins(more than one) that covert line feed to <br /> or stop automatic formatting(wpautop), They may cause this issue after you saved your post as a draft.

e.g.
?PS Disable Auto Formatting
?brBrbr

HI, Theo F san,

Thank you for your reply.

When I inserted a new bit of CSS code (before and after each example of code I inserted a line of text enclosed in p-tags) not only did the new code stay show on several lines (as it is supposed to be because I inserted it that way) but also the other bits of code in the post changed from a rendering on one line to a rendering on several lines.

Indeed, it is strange.

I’ll try to find the cause of the problem.

HI, Theo F san,

I have some questions.

1. Let me know your OS, browser and version.
2. Are you using “code” button or “pre” button in the Visual editor?
3. Go to Settings -> WP SyntaxHighlighter in the setting panel, you can find the sample code in the “7. Your Current Theme”. Does it be shown correctly?
4. Does any code cause this issue?

Josh san,(means “Mr./Mrs./Ms. Josh” in Japanese.)

I’m sorry,I wrote misleading information.
My name(online name) is redcocker.

Josh san,

Thanks.

My web site is https://www.near-mint.com/blog/

>So, were the only places you did this is in the image calls?

I also modified following lines.

Line 106-108

array( 'title' => 'Normal Alert', 'block' => 'p', 'styles' => array( 'border' => 'solid 1px #DEDEDE', 'background' => '#EFEFEF url(../../../../wp-content/plugins/ultimate-tinymce/img/normal.png) 8px 4px no-repeat', 'color' => '#222222' , 'padding' => '4px 4px 4px 30px' , 'text-align' => 'left'  )),
array( 'title' => 'Green Alert', 'block' => 'p', 'styles' => array( 'border' => 'solid 1px #1EDB0D', 'background' => '#A9FCA2 url(../../../../wp-content/plugins/ultimate-tinymce/img/green.png) 8px 4px no-repeat', 'color' => '#222222' , 'padding' => '4px 4px 4px 30px' , 'text-align' => 'left'  )),
array( 'title' => 'Yellow Alert', 'block' => 'p', 'styles' => array( 'border' => 'solid 1px #F5F531', 'background' => '#FAFAB9 url(../../../../wp-content/plugins/ultimate-tinymce/img/yellow.png) 8px 4px no-repeat', 'color' => '#222222' , 'padding' => '4px 4px 4px 30px' , 'text-align' => 'left'  )),
array( 'title' => 'Red Alert', 'block' => 'p', 'styles' => array( 'border' => 'solid 1px #ED220C', 'background' => '#FABDB6 url(../../../../wp-content/plugins/ultimate-tinymce/img/red.png) 8px 4px no-repeat', 'color' => '#222222' , 'padding' => '4px 4px 4px 30px' , 'text-align' => 'left'  ))

to

array( 'title' => 'Normal Alert', 'block' => 'p', 'styles' => array( 'border' => 'solid 1px #DEDEDE', 'background' => '#EFEFEF url('.plugin_dir_url( __FILE__ ).'img/normal.png) 8px 4px no-repeat', 'color' => '#222222' , 'padding' => '4px 4px 4px 30px' , 'text-align' => 'left'  )),
array( 'title' => 'Green Alert', 'block' => 'p', 'styles' => array( 'border' => 'solid 1px #1EDB0D', 'background' => '#A9FCA2 url('.plugin_dir_url( __FILE__ ).'img/green.png) 8px 4px no-repeat', 'color' => '#222222' , 'padding' => '4px 4px 4px 30px' , 'text-align' => 'left'  )),
array( 'title' => 'Yellow Alert', 'block' => 'p', 'styles' => array( 'border' => 'solid 1px #F5F531', 'background' => '#FAFAB9 url('.plugin_dir_url( __FILE__ ).'img/yellow.png) 8px 4px no-repeat', 'color' => '#222222' , 'padding' => '4px 4px 4px 30px' , 'text-align' => 'left'  )),
array( 'title' => 'Red Alert', 'block' => 'p', 'styles' => array( 'border' => 'solid 1px #ED220C', 'background' => '#FABDB6 url('.plugin_dir_url( __FILE__ ).'img/red.png) 8px 4px no-repeat', 'color' => '#222222' , 'padding' => '4px 4px 4px 30px' , 'text-align' => 'left'  ))

Line 78, 79

$siteurl = get_option('siteurl');
$url = $siteurl . '/wp-content/plugins/' . basename(dirname(__FILE__)) . '/admin_panel.css';

to

$url = plugin_dir_url( __FILE__ ) . 'admin_panel.css';

You should not hardcode plugin directory path.
Because users can change it easily.

I use plugin_dir_url( __FILE__ ) many times.
You put no variable definitions in the global scope.
I respect it.

I modified main.php to correct this issue and shared it.

https://www.near-mint.com/blog/download/ultimate-tinymce.1.5.5.zip

Note: This file includes main.php file for ver. 1.5.5

Hi teracow san,

You need to configure “WP SyntaxHighlighter” through the following steps to display the toolbar buttons on the codeblocks.

1. Go to “Settings” -> “WP SyntaxHighlighter”.
2. “1. Basic Settings” -> “Library version”: “2.1.382” must be choosen.
3. “1. Basic Settings” -> “Toolbar”: Checked
4. Save changes.