HTML SandBox 2013

Free Republic | 01/01/13 | Free Republic

[Bikkuri]

Thank you for the update ping :^)

Will update my bookmark now.

[Blue Highway]

oh ok. I never venture outside of the News/activism section. I have no idea what the centeen or religion section is like. I have no idea what other places like Banglist is either.

[zeugma]

Well done! Of course, proper HTML still doesn't help us with typoes, which are sometimes some of the funniest things on FR. With the way things are now, we need all the humor we can get!

I'd like to suggest for folks that aren't HTML experts, that if you're using Firefox, you can download an Add-on called "Write Area". What it will do is allow you to have a WYSIWYG HTML editor available in any text box on your screen. You can download it from Mozilla's Add-on site. Search for "Write area".

Once you have it installed it works like this:

When you click "reply" to a message, you get a blank box where you would normally put your HTML for your reply. Instead of just typing away, click your right mouse button within the text box. You should then see a menu item called "edit in a Write Area". Select that. Now type anything you want. It has all the normal editor functions built in for things like Bold, Italics, and underline, and it works just like any other text editor. You'll notice it has other things too, like unsertiing 'special' characters that aren't normally on your keyboard, like ® or §.

If you click the "source" button, you'll see the html that will be produced when you save. It has buttons for adding links, images, and even flash (yuck) and javascript.

Rather than just typing, if you have a webpage that you'd like to copy text from, just copy that text directly from the webpage (you might have to be careful about some of the formatting from the page, but you will get the hang of it with a little practice). When you paste it into your WriteArea, you'll see that it maintains all the formatting!  There is a button to remove formatting which is especially useful if what you paste in has some really weird text blocks, that you don't want.

Once you're all done, click the 'save' icon, and you'll see that your text box now has all the HTML markup to properly display the text you'd entered. Hit FR's 'preview' button and make sure it's going to display as you like it. IF you need to change things, after you've already exited 'text area', but before you Post, you can just right-click the text box again, and edit your changes.

Hope this is useful for some folks. I've been doing HTML for a long time, and I find Write Area creates nice clean HTML without a lot of work.

Below is a screen shot of what Write Area looked like while I was editing this post...

Enjoy!

[conservatism_IS_compassion]

definition lists:<DL>

<DT> term </DT> <DD> meaning </DD> <DT> next term </DT> <DD> meaning </DD> </DD> </DL>

IMHO the definition list is underutilized. I like to add underlining and/or boldface to emphasize the term I am defining or describing:

definition lists:

term

meaning or description. I like the effect, especially when the description is wordy enough that it runs to multiple lines, as I'm deliberately causing now with this bit of "filibustering." I don't know any other way to get this effect.

next term

meaning

[conservatism_IS_compassion]

definition lists:<DL>

<DT> term </DT> <DD> meaning </DD> <DT> next term </DT> <DD> meaning </DD> </DD> </DL>

IMHO the definition list is underutilized. I like to add underlining and/or boldface to emphasize the term I am defining or describing:

definition lists:

term

meaning or description. I like the effect, especially when the description is wordy enough that it runs to multiple lines, as I'm deliberately causing now with this bit of "filibustering." I don't know any other way to get this effect.

next term

meaning

[conservatism_IS_compassion]

definition lists:<DL>

<DT> term </DT> <DD> meaning </DD> <DT> next term </DT> <DD> meaning </DD> </DD> </DL>

IMHO the definition list is underutilized. I like to add underlining and/or boldface to emphasize the term I am defining or describing:

definition lists:

term

meaning or description. I like the effect, especially when the description is wordy enough that it runs to multiple lines, as I'm deliberately causing now with this bit of "filibustering." I don't know any other way to get this effect.

next term

meaning

[conservatism_IS_compassion]

It goes without saying that I didn’t intend to triple post, even if I did try to emphasize my point with some red font.

It goes, without saying, but of course I’m saying it anyway . . .

[Blue Highway]

I	will	check	out	that	thread	but
still	don't	see	what	this	is	useful	for	.

IIRC there was HTML for even the color of the cell padding AND cell spacing. What are the tags for those?

[Blue Highway]

the [/font color="red"] does not need the ="red" part to cancel the tag.

[Bikkuri]

Wow.. didn’t know about that one.. will save me a lot of extra typing :)

Thank you :D

(Will still need to practice every once in awhile so I don’t forget ;))

[Blue Highway]

testing this border color

and border color does not work here

[Pajamajan]

BOOK MARK

[Bikkuri]

Ok.. I added it.. but, HOW do I get it to work now? (I am usually not one to be baffled over something on the PC :p)

Did a restart, but it is not showing up here... I checked and it IS showing up on extensions..

[wildbill]

Do we really want more freepers to know how to post a picture of Helen Thomas?

I feel like we have just been exposed to the honest mistake of the Sorcerer’s Apprentice.

[firebrand]

How do you do accents on letters?

[Fast Moving Angel]

This is most way cool ... works great --  thanks for the great tip!!

[Fast Moving Angel]

When you hit "post reply", right click your mouse in the reply area and then click on Edit in a Write Area on the popup menu. 

[21stCenturion]

...

[Fast Moving Angel]

When you hit "post reply", right click your mouse in the reply area and then click on Edit in a Write Area on the popup menu. 

[Bikkuri]

AH!

Now I see it!! :D

 

Thank you!