When you are in the editor, insert a Code block and paste your code. The best option is to use Gutenberg Code block. However, these syntax highlighting plugins can affect the page loading speed due to the JavaScript. In order to overcome these problems, you can use a third-party plugin like Crayon Syntax Highlighter. Straight double quotes will be converted to slanted double quotes to treat it like a text.So every time you need to press “Undo” to bring the URL back instead of the image or video. When you paste the image URL, WordPress will paste the actual image.You can’t insert shortcodes as it is with square brackets on visual editor.No line numbers, coloring and formatting.It looks very simple, especially when you have bulk of code it will look congested.There are multiple issues in showing the raw code under “Visual” editor like text content. Publish the post and see the raw HTML code will exactly appear as it is.ĭrawbacks of Showing Code in Visual Editor Let us create a test post and paste the above code under “Visual” editor. The raw HTML code for inserting image is as below: Let us take an example of inserting the raw HTML image code for inserting an image. The visual editor is what you generally use for creating the content while the text editor is used to view the source code. WordPress has two editors – visual and text editors when using Classic editor interface. We will discuss the following methods with and without plugin to insert raw code in WordPress site. In this article we will check out more on WordPress visual and text editors along with how to insert raw codes using Gutenberg block editor in WordPress posts. Unfortunately this is exactly what you don’t need in order to display raw code. WordPress is smart software that converts most of the formatting into a browser readable content.
This is necessary, especially when you are running a tutorial site or explaining on how a piece of code is working. There are many occasions you may need to showcase the raw HTML, CSS or JavaScript codes inside the posts and pages of your WordPress site.
0 kommentar(er)
