HTML Forum

**treyk4** · 07-17-2009, 05:26 PM

Hey all,
I was wondering, how could I get my hands on some code to make a styled textarea? Like you have when you're typing out a reply to this post! I need to be able to have text inside of it with different font sizes, weights, etc.

Where could I get this?

Thanks for any help!
~Trey

**chrishirst** · 07-17-2009, 05:38 PM

FCKEditor

**KellyAX** · 12:14 AM

Oh god, I really dislike FCKEditor because it edits your code beyond belief. Besides, if we
have something doing things for us (WYSIWYG Editors) then you aren't really learning.

Here are some prime examples of "TextArea Decorating"

Code:

<html>
<head>
<style>
.DECORATED {BORDER:INSET 3px #F00; BACKGROUND-COLOR:#00EA00; COLOR:#F2F2F2; FONT-SIZE: 10PX; !important}
.GOOGLE {BACKGROUND-IMAGE: url("http://www.google.ca/intl/en_ca/images/logo.gif"); COLOR:#000}
.BLACK {BACKGROUND-COLOR:#000; COLOR:#FFF}
TEXTAREA {
    FONT:NORMAL 12px/NORMAL VERDANA;
    BORDER:0px #000 SOLID;
    FONT-WEIGHT:BOLD;
    OVERFLOW:HIDDEN}
</style>
</head>

<body>
<div align="center" class="text"><br />
 <textarea cols="66" rows="7" class="BLACK" readonly> 
  Text Goes Here    Text Goes Here    Text Goes Here    Text Goes Here    Text Goes Here
  Text Goes Here    Text Goes Here    Text Goes Here    Text Goes Here    Text Goes Here
  Text Goes Here    Text Goes Here    Text Goes Here    Text Goes Here    Text Goes Here
  Text Goes Here    Text Goes Here    Text Goes Here    Text Goes Here    Text Goes Here
  Text Goes Here    Text Goes Here    Text Goes Here    Text Goes Here    Text Goes Here
 </textarea>  <br /> <br /> 
 
 <textarea cols="66" rows="7" class="GOOGLE" readonly> 
  Text Goes Here    Text Goes Here    Text Goes Here    Text Goes Here    Text Goes Here
  Text Goes Here    Text Goes Here    Text Goes Here    Text Goes Here    Text Goes Here
  Text Goes Here    Text Goes Here    Text Goes Here    Text Goes Here    Text Goes Here
  Text Goes Here    Text Goes Here    Text Goes Here    Text Goes Here    Text Goes Here
  Text Goes Here    Text Goes Here    Text Goes Here    Text Goes Here    Text Goes Here
 </textarea>  <br /> <br />  <br />
 
 <textarea cols="71" rows="7" class="DECORATED"> 
  Text Goes Here    Text Goes Here    Text Goes Here    Text Goes Here    Text Goes Here
  Text Goes Here    Text Goes Here    Text Goes Here    Text Goes Here    Text Goes Here
  Text Goes Here    Text Goes Here    Text Goes Here    Text Goes Here    Text Goes Here
  Text Goes Here    Text Goes Here    Text Goes Here    Text Goes Here    Text Goes Here
  Text Goes Here    Text Goes Here    Text Goes Here    Text Goes Here    Text Goes Here
 </textarea>
</div>
</body>
</html>

**wayfarer07** · 07-21-2009, 09:32 AM

@KellyAX:
That is not what is being asked for whatsoever. The point is not using the editor to do coding, but to allow users to reply in a way that allows easy bolding an italicizing of text. You answer doesn't help that situation.

I use the TinyMCE. This isn't for MY coding, but for my users. Of course it has tons of options, and can be used as a full-blown editor, but it's not what I would call a website builder, and it isn't intended as such. I used it to give an interface to laymen to use the CMS's that I build for them, to control parts of the content that I set up for them.

Editors have tons of other uses as well. If you're replying to this thread this very moment, you're using one of them.

**treyk4** · 07-21-2009, 10:20 PM

I had actually decided on using TinyMCE. Sorry for not posting earlier.

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!