html code pasted into editor get scrambled

• 

  johannvs · Member · Nov 18, 2017 at 6:15 pm

  • Copy link
  • Add topic to favorites

  It seems that html generated by Payfast (a payment gateway provider in SA) to create a Pay Now button get scrambled when it is pasted into a WordPress site.

  The main effect is that all the angled brackets <> which encase the tags are rendered as < and > in the WordPress editor. The result is that the code is not recognised as such, but is displayed as text on the site.

  Please see the pdf document at https://shalvapub.com/toets-bladsy/ for an example.

  The blog I need help with is: (visible only to logged in users)

• 

  johannvs · Member · Nov 18, 2017 at 6:19 pm

  • Copy link

  Correction: the angled brackets are rendered as ‘< and >’

• 

  eemmanuelokon · Member · Nov 18, 2017 at 7:25 pm

  • Copy link

  Hi, johannvs

  I made a few adjustment to the code. It appeared fine.

  Paste it in the HTML view first then click on visual

  <img title=”Pay With” src=”https://www.payfast.co.za/images/buttons/light-small-paynow.png” alt=”Pay” width=”165″ height=”36″ />

  Let me know how it works for you

  Cheers!

• 

  eemmanuelokon · Member · Nov 18, 2017 at 7:27 pm

  • Copy link

  This is the raw code

  <img title=”Pay With” src=”https://www.payfast.co.za/images/buttons/light-small-paynow.png” alt=”Pay” width=”165″ height=”36″ />

• 

  eemmanuelokon · Member · Nov 18, 2017 at 7:56 pm

  • Copy link

  Please see the pdf document for the result

  Click to access this-is-the-raw-code.pdf

• 

  johannvs · Member · Nov 19, 2017 at 8:44 am

  • Copy link

  Thanks eemmanuelokon, it is working fine now.

  Is it best to always paste code html view and not in visual?

• 

  justjennifer · Member · Nov 19, 2017 at 9:13 am

  • Copy link

  Hi there @johannvs, When working with code, it is preferable to paste into the HTML Editor rather than Visual, but regardless, some code is not permitted here on WordPressdotcom’s Free, Personal or Premium plans due to our restrictions. Here is our support guide on code: https://en.support.wordpress.com/code/

  If you have the Business plan upgrade, you are able to use just about anything. https://en.support.wordpress.com/code/#business-plan

  If you have an upgrade plan, you are also eligible for direct support from Staff when you are logged in with the username account that purchased the upgrade and you post via the dashboard here: https://wordpress.com/help/contact

  Let us know if you have any other question.

• 

  eemmanuelokon · Member · Nov 19, 2017 at 9:16 am

  • Copy link

  Yes, johannvs,

  It is best to always paste HTML codes in the HTML view because it is the language the browser understanding before interpreting it using the Visual View.

  You can find more explanation here https://en.support.wordpress.com/html-troubleshooting/

  and more on Visual Editor here https://en.support.wordpress.com/visual-editor/

  I’m so glad it’s working fine now. Also, take note of what @justjennifer has said.

  Cheers:)

• 

  johannvs · Member · Nov 19, 2017 at 9:47 am

  • Copy link

  Thanks both of you, you’ve been of great help to me.

• 

  eemmanuelokon · Member · Nov 19, 2017 at 9:53 am

  • Copy link

  You’re most welcome johannvs!

  Happy to be of help :)