The 
pre
tags continues to not work in Blogger

For quite sometime I have had problem displaying HTML code in my blog as the Pre tag did not render correctly. Here I am trying to see what is happening, if any, in rendering the Pre tag. I decided to show only screen shots of either the HTML tab in my blog post, or the Compose tabbed page of my blog so that the browser effects are properly seen.

When you want to create a new post in Blogger, this is the HTML code you get and the 'Compose' page is empty.


Pre_00
Now I enter a single line-'This is a test' in the Compose tabbed page.

Pre_01

The HTML markup shows this:


Pre_02

Now I add a 'Pre' tag as shown.


Pre_03

The following is the content of the 'Compose' page.

Pre_04
So far no problem, good.

I now go back to HTML pane. Looks OK, but it has added another repeating line at the top.


Pre_05

Not a big difference. I refresh the browser and everything back to as it was before refresh.
I just draw a line in 'Compose'.


Pre_06

The HTML after this appears as shown. It has added 'Pre' tags as shown. Why 'pre' tags why not just 'p'.

Pre_07

I just added a 'div' tag and I am going to place a 'Pre' tag inside the 'div' tag.


Pre_08

This is the 'compose' page.

Pre_09

I added some 'pre tag' inside the div tag


Pre_10
The compose  now appears as shown.

Pre_11
I add another div and within div I add a pre tag. In the pre tag I add special characters (HTML markup) as shown.


Pre_12

The Compose page after the above appears as shown.

Pre_13

The pre tag did not work as intended for html tags.
I revert to the HTML to see if the blogger's processor has added any thing by itself. It does some time. No change.


Pre-14
I add a dotted line in HTML code.


Pre_15

There is an expected change as shown.


Pre_16

I revert to HTML and I see it has changed.


Pre_17
This time it accommodated the dotted line inside the 'div'. I modify the page with 'code' tags as shown. Some recommendation from some of the Internet sites is to enclose it in 'code'


Pre_18

The 'Compose' page now appear as shown.
The extra > in the last line appears to be an error while typing.
 Page_19

It is getting worse!

I refresh the page and nothing is changed in 'Compose'.

I host the html page on the local IIS Server and the response is as shown.


Page_20

The conclusion is  'Pre' tag is not working in the Blogger as it is supposed to.



Comments

Ben said…
sadly it's not working, our old blogging platform tahutek.net have some source code using pre and yes it's nor working sigh.... (I don't know why Blogger do such thing, come on.)
June 8, 2020 at 6:20 AM
Post a Comment

Popular posts from this blog

Apps with Mobile Roadie, the one-stop platform

Image
MobileRoadie is the platform to build mobile apps with rich features. It is also one-stop, build, manage, design and engage. It supports all media, photos, video and audio. The text color in the picture may not show you the logo clearly! Here are features taken from Mobile Roadie site . Using Photos: Upload your photos manually, or automatically pull in your photos from an RSS feed, Flickr account, Instagram account or hashtag, Mobypicture, Picasa, Twitpic, or Facebook Fan Page profile photos. Users will see your photos in a grid layout of your choosing, and can even play a slideshow of your photos. Embed news: Add news posts manually, or import automatically via RSS feed, Twitter account, or Google News keywords.     Each item has artwork, title, date & time, and HTML story content. FAN Wall:     Import your past and upcoming events from Artistdata, Bandsintown, Songkick, Plancast, Ticketmob, SonicLiving, Eventbrite, or ad...
Read more

Towards cross-platform development..

There are lots and lots of Apps. In fact there are over a couple of million Apps including all of the major brands, Apple, Google, Blackberry, Microsoft with Apple at the top and Microsoft in the bottom. But this is a growing market. The variety is truly bewildering, different size devices; different operating systems(OS); different programming languages;  and different orientations. This post is not very recent but you can see how the various mobile operating systems compare: http://www.ibtimes.com/android-vs-ios-whats-most-popular-mobile-operating-system-your-country-1464892 The interactive image in the article really shows the popularity of a given OS/device among different geographical regions. Windows Phone Apps is for example based on Microsoft's Window 7, 8, 8.1 OSs using .NET. With Windows OS and Visual Studio one can build Apps for all of Microsoft devices covering Phone, Tablet and Desktop. However Microsoft Windows Apps sans Html5/CSS/Javascript is OS specific. E...
Read more

Installing Android Studio 3.0 on Windows 10

Image
Android Studio 3.0 is the official Integrated Development environment (IDE) for Android app development. Android App studio brings in many features : • A flexible Gradle-based build system • A fast and feature-rich emulator • A unified environment where you can develop for all Android devices • Instant Run to push changes to your running app without building a new APK • Code templates and GitHub integration to help you build common app features and import sample code • Extensive testing tools and frameworks • Lint tools to catch performance, usability, version compatibility, and other problems • C++ and NDK support • Built-in support for Google Cloud Platform, making it easy to integrate Google Cloud Messaging and App Engine The installation is straight forward on Windows 10 as the installation program downloads all the necessary items during Android Studio installation. It is driven by a wizard which makes it very easy. You can downlo...
Read more