Inserting HTML code is sometimes needed because you may want to insert a tracking code on a specific page or use custom CSS for a given page/post. Another usage for this kind of plugin is to paste a code (using HTML comment) that is going to be used for site verification purposes. Of course there are many ways to do anything.

This post focuses on how to insert an HTML snippet using Insert HTML Snippet WordPress Plugin.

How to Insert Code Snippets with Syntax HighlightingPaste from Microsoft Visual Studio:The best method is to simply paste from Visual Studio (or your favorit. In the Editor, place the cursor where you want to insert the snippet, then do one of the following: Double-click the snippet in the Code Snippets window. Press CTRL+SPACE to select from a list of snippets (organized in folders by snippet type). Drag the snippet from the. Here is the best way, for me, to add code inside word: go to 'insert' tab, click 'object' button (it's on the right) choose 'OpenDocument Text' which will open a new embedded word document copy and paste your code from Visual Studio / Eclipse inside this embedded word page.

If you need the code to be shown on all pages or posts such for example Google Analytics or Facebook pixel code then you'll either have to use another plugin for that or update your footer.php of your (child) theme to include the code snippet.

The reason for using a plugin for including snippets is because WordPress' rich text editor may strip out some of the code either during the initial editing or after saving the content. The code has to be displayed as is in order to work properly.

Keep in mind that when copying the snippet shortcode the browser will also copy some additional HTML code. You don't want that additional code displayed as part of your code so you need to switch to Text mode temporarily, then paste the code and then switch back to Visual mode.

The steps are the following:

1. Install Insert HTML Snippet WordPress Plugin from https://wordpress.org/plugins/insert-html-snippet/
2. Activate it
3. Create a snippet
4. Add the shortcode on an existing or a new page/post
   1. Temporarily switch to Text mode
   2. Paste the code
   3. Switch back to Visual mode
5. Save Draft or Publish
6. View the page
7. Inspect the source code

Here's a 40 second animated gif that shows how to insert an HTML snippet

How to Insert Code Snippets into WordPress using Insert HTML Snippet WordPress Plugin

Here's a 3min video how to do it (with voice over)

Microsoft Word is a very versatile software. It has a large number of great features which the common users don’t even know about. Let’s consider a scenario. The other day, Rajesh, a friend of mine sent me an email and told me that he was preparing an MS Word document and needed to embed programming code with syntax highlight. To insert code snippet in his MS Word document, Rajesh did all the syntax highlighting manually. You can imagine that it is a tedious job! So, he asked me if there was an easier way. Well, indeed there is one!

It is easy to embed code snippets with automatic syntax highlight in MS Word. Let’s learn how you can do this magic!

A code snippet is a piece of computer programming code. Such code is usually marked with several colors in order to show various elements of the code distinctively. For example, all the programming language keywords will be highlighted in a particular color and all the errors will be highlighted in a different color. Similarly, there would be per-defined colors for text, tags, properties, attributes, values, symbols etc.

Our tips on MS-Word make your life easier and increase your productivity at work.

Program lines in a code snippets are also usually indented to make the code easily readable.

First of all, open the MS Word document in which you want to insert the code snippet. Then place the cursor where you want the snippet to be inserted.

Now, go to Insert tab and then click on the Object option. A new box will appear with a list of objects that you can insert in your MS Word document. Select OpenDocument Text from the list and click OK to insert the object.

You will see a new shaded area is inserted at the cursor position. Also a new Word document will open up. Whatever you will write or paste in this new document, the same will appear in the original document.

To add code snippets with syntax highlight, you can use Insert Object method of MS Word.

So, now, copy the code from your code editor and paste it in the new document. Save the new document and that’s it! Code snippet will appear neatly embedded in your MS Word document.

If you have copied the code from a Microsoft product (like MS Visual Studio), the syntax highlight will automatically carry to the MS Word.

However, if you’re using some other code editors (like Programmer’s Notepad), copied code may appear without syntax highlight in MS Word. But don’t panic!

Most of the code editors will give you the option of copying text with HTML markup or RTF format. You should use these options while copying text.

In Programmer’s Notepad, this option appears as Edit -> Copy as RTF

In Notepad++ the option is available as Plugins -> Copy Text with Syntax Highlighting

If you’re copying syntax highlighted code from a webpage, the HTML markups will automatically get copied and syntax highlight will carry to MS Word.

Insert Code Snippet Into Word Download

Insert Code Snippets Into Wordpress

Although you can always manually highlight various portions of a code snippet in MS Word, but there are many distinctive advantage of using the embedded object method:

Insert Code Snippet Into Word Doc

1. Code and main document remain separate from each other (programmers love this approach, don’t they?)
2. Spelling and grammar mistakes will not be highlighted by MS Word in the embedded code snippet. It is of great help because a lot of programming keywords are not found in dictionary, and as a result such code may result in lots of red and green wavy lines.
3. And obviously, it’s easier, quicker method. Code remains in it’s original format and syntax highlights.
4. Formatting changes in the main document do not affect the code block.

Insert Code Snippet Into Word Free

So, did you find this MS Word tips useful? Whenever you would need to insert a code snippet with syntax highlight in MS Word document, I am sure it will save you a lot of time. Please feel free to ask any questions on this tutorial. I will try my best to assist you. Thank you for using TechWelkin.