Protect forms in the visual editor

[jsruby22]

I pasted the paypal buy button code in the text of my webpage then when I go to the visual editor it changes the code to make it broken. I'm using the wordpress editor.

[iseulde]

Hi @jsruby22,

Thanks for the report. Could you please give us an example of the code you're inserting or steps to reproduce the issue?

[iseulde]

No feedback.

[iseulde]

Actually I just tried this. Although it's not broken, we can probably make this a bit better, not just for PayPal forms, but for any form. Maybe we can protect it? Or wrap it in a view? Not sure if we want people to type inside forms.

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="x">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG_global.gif" border="0" name="submit" alt="PayPal – The safer, easier way to pay online.">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>

[iseulde]

We should adjust the API so the edit button can be removed though.

[iseulde]

Plugins could potentially extend this with a form editor (inline or modal) so you don't have to use the text editor.

[azaozz]

Another good idea that is now superseded by the block editor. There are several blocks that add form elements in a better way :)