Automattic / syntaxhighlighter

WordPress plugin that makes it easy to post syntax-highlighted code snippets.
https://alex.blog/wordpress-plugins/syntaxhighlighter/
239 stars 78 forks source link

Copying Syntax Highlighter code will add spaces #253

Open ctdealba opened 1 year ago

ctdealba commented 1 year ago

Reported in here: https://wordpress.org/support/topic/works-but-if-you-copy-code-and-wan-to-to-use-it-show-error/

It works and show code beautifully on pages, But if you copied that code and want to use it, the it shows errors, Looks like it add some spaces,

I tried it with php shorcode, and when i copied the code from the frontend of the page, It gives Parse error: syntax error, unexpected…

Our development team was able to reproduce this issue in Python:

Putting the following code in Syntax Highlighter, updating the post, copying the code to a new .py file and trying to run it shows that Syntax Highlighter is, indeed, adding some invisible characters to the code.

We also figured it out that the code works successfully on Chrome, but it crashes on Firefox.

renatho commented 1 year ago

More details about an initial investigation: p1674223519935029-slack-C8QJAM52B

fjorgemota commented 1 year ago

| We also figured it out that the code works successfully on Chrome, but it crashes on Firefox.

For anyone that doesn't have access to Slack, the issue happens when you: Copy Python code (or code from any language more strict about spacing, really) from a Firefox browser without clicking twice on the block on the frontend.

This is the code I used for testing:

def hello(name):
    msg = "hello {}"
    if name == "test":
        msg = "bye {}"
    print(msg.format(name))
hello("world")
hello("test")

Note that using Chrome, OR clicking twice on the code shown in the frontend so it transforms to a textarea, fixes the issue successfully.