WYSIWYG in text area

N

Nico Schuyt

I want to add a WYSIWYG editor to a textarea in a CMS. Something like
HTMLarea (http://www.htmlarea.com/htmlarea_2/)
Disadvantage of such tools (at least the ones I found) is the bad quality of
the resulting coding.

What I'm looking for is a tool/script that can:
a. Create a list out of a number of lines (and back to plain paragraphs)
b. Add <Hx> </Hx> to paragraphs
c. Add <strong></strong> to selected text
c. Apply CSS classes to selected text
The result should be valid HTML/CSS.
Javascript is no problem because the CMS is used in a restricted area.

Anyone a suggestion?
 
W

WebMaster

Nico Schuyt said:
I want to add a WYSIWYG editor to a textarea in a CMS. Something like
HTMLarea (http://www.htmlarea.com/htmlarea_2/)
Disadvantage of such tools (at least the ones I found) is the bad quality of
the resulting coding.

What I'm looking for is a tool/script that can:
a. Create a list out of a number of lines (and back to plain paragraphs)
b. Add <Hx> </Hx> to paragraphs
c. Add <strong></strong> to selected text
c. Apply CSS classes to selected text
The result should be valid HTML/CSS.
Javascript is no problem because the CMS is used in a restricted area.

Anyone a suggestion?
TinyMCE

Rudy
 
P

Phil Thompson

Nico Schuyt said:
I want to add a WYSIWYG editor to a textarea in a CMS. Something like
HTMLarea (http://www.htmlarea.com/htmlarea_2/)
Disadvantage of such tools (at least the ones I found) is the bad quality
of
the resulting coding.

What I'm looking for is a tool/script that can:
a. Create a list out of a number of lines (and back to plain paragraphs)
b. Add <Hx> </Hx> to paragraphs
c. Add <strong></strong> to selected text
c. Apply CSS classes to selected text
The result should be valid HTML/CSS.
Javascript is no problem because the CMS is used in a restricted area.

Anyone a suggestion?

do a google for widgeditor
 
J

JDS

I want to add a WYSIWYG editor to a textarea in a CMS. Something like
HTMLarea (http://www.htmlarea.com/htmlarea_2/)
Disadvantage of such tools (at least the ones I found) is the bad quality of
the resulting coding.

What I'm looking for is a tool/script that can:
a. Create a list out of a number of lines (and back to plain paragraphs)
b. Add <Hx> </Hx> to paragraphs
c. Add <strong></strong> to selected text
c. Apply CSS classes to selected text
The result should be valid HTML/CSS.
Javascript is no problem because the CMS is used in a restricted area.

Anyone a suggestion?

HarCore Internet Web Content Area. NOT Free! But otherwise *excelllent*!!

http://editor.hardcoreinternet.co.uk/
 
R

Roy Schestowitz

Nico said:
I want to add a WYSIWYG editor to a textarea in a CMS. Something like
HTMLarea (http://www.htmlarea.com/htmlarea_2/)
Disadvantage of such tools (at least the ones I found) is the bad quality
of the resulting coding.

What I'm looking for is a tool/script that can:
a. Create a list out of a number of lines (and back to plain paragraphs)
b. Add <Hx> </Hx> to paragraphs
c. Add <strong></strong> to selected text
c. Apply CSS classes to selected text
The result should be valid HTML/CSS.
Javascript is no problem because the CMS is used in a restricted area.

Anyone a suggestion?

Try WysiwygPro. I was using it a few times (for no purpose other than play)
and it appeared to be good. I also heard a good word from others. I wrote
about it all a few days ago:

http://schestowitz.com/Weblog/archives/2005/03/02/web-based-html-editors/

Roy
 
N

Nico Schuyt

Phil said:
"Nico Schuyt" wrote
do a google for widgeditor

So I did and found http://www.themaninblue.com/experiment/widgEditor/ :)
Limited functions: Lists, Headings (H1 - H6), hyperlink, image
Clean coding. Example:
<ul>
<li>xxx</li>
<li>xxx</li></ul>
<ol>
<li>xxx</li>
<li>xxx</li></ol>
<p>xxx <strong>xxx</strong> xxx</p>
<p><a href="http://www.nicoschuyt.nl/">xxx</a></p>
<p>xxx <img alt="" src="http://www.nicoschuyt.nl/foto/~DSCN0644_s.jpg"
/></p>
<h1>xxx</h1>
<h2>xxx</h2>
<p>xxx</p>
Might be just what I want. (Only thing that seems to be missing is the
possibility to apply CSS classes to selected text)

Thanks!
 
N

Nico Schuyt

JDS said:
Nico Schuyt wrote:
HarCore Internet Web Content Area. NOT Free! But otherwise
*excelllent*!!
http://editor.hardcoreinternet.co.uk/

Impressed! Very comprehensive, even things like a table editor. Creates
acceptable coding:
<OL>
<LI>xxx</LI>
<LI>xxx</LI></OL>
<UL>
<LI>xxx</LI>
<LI>xxx</LI></UL>
<P align=center>xxx</P>
<P align=right>xxx</P>
<P><A href="http://www.hardcoreinternet.co.uk/">xxx</A></P>
<P>xxx <IMG src="http://www.nicoschuyt.nl/foto/~DSCN0644_s.jpg"></P>
<P>
<TABLE border=1>
<TBODY>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR></TBODY></TABLE></P>
<P>xxx</P>
<P>xxx <SPAN class=Title>xxxx </SPAN>xxx xxx xxx xxx</P>
<H1>xxx</H1>
<H2>xxx</H2>
I hesitate to include it in my CMS though. The risk is probably to great
that the user makes a mess of the site :)
Thanks!
 
N

Nico Schuyt

Try WysiwygPro. I was using it a few times (for no purpose other than
play) and it appeared to be good. I also heard a good word from
others. I wrote about it all a few days ago:
http://schestowitz.com/Weblog/archives/2005/03/02/web-based-html-editors/

About as comprehensive as the HardCore Web Content Editor. Too complex for
what I need.
It has some similarities with the editor in Outlook Express:
- Design/HTML view/Preview
- DIV's instead of paragraphs
The quality of the resulting code is about the same as FrontPage. Example:
<table style="border-collapse: collapse;" bordercolor="#000000"
cellspacing="0" cellpadding="3" width="100%" border="1">
<tbody>
<tr>
<td valign="top" width="33.33%">
<div>&nbsp;</div></td>
<td valign="top" width="33.33%">
<div>&nbsp;</div></td>
<td valign="top" width="33.33%">
<div>&nbsp;</div></td></tr>
<tr>
<td valign="top" width="33.33%">
<div>&nbsp;</div></td>
<td valign="top" width="33.33%">
<div>&nbsp;</div></td>
<td valign="top" width="33.33%">
<div>&nbsp;</div></td></tr></tbody>

Thanks anyway!
 
J

JDS

I hesitate to include it in my CMS though. The risk is probably to great
that the user makes a mess of the site :)
Thanks!

There is *always* a risk of the user f**ing up the site, if you give them
the opportunity to type stuff into a <textarea>. My finding is that, with
HardCore Internet's editor, there is *less* of a chance of the user
screwing things up. At least the editor doesn't make typo's in the HTML,
like forgetting to close a tag with a gt sign or similar. And I have had
users do that in plain-ol' <textarea>s.

The good things about the HCI web content editor as compared to some other
solutions (and I have tried three, so far):

* works in 99% of current modern browsers.
* fails back to a plain textarea in the other 1%
* renders the code in the browsers own rendering engine, so it looks
exactly as it will look in the finished page
* is much faster to load than Java-based solutions.
* produces decent code
* has a good support team. They actually fixed bugs I noticed on their
product preview site *before* i even paid them for the editor. nice.


Now, WYSIWYG editors aren't for everyone, but for my CMS development
needs, HCI's is the holy grail.

later...
 
N

Nico Schuyt

JDS said:
Nico Schuyt wrote:
[HardCore Internet editor; http://editor.hardcoreinternet.co.uk/page.php/id=702]
I hesitate to include it in my CMS though. The risk is probably to
great that the user makes a mess of the site :)
There is *always* a risk of the user f**ing up the site, if you give
them the opportunity to type stuff into a <textarea>. My finding is
that, with HardCore Internet's editor, there is *less* of a chance of
the user screwing things up. At least the editor doesn't make typo's
in the HTML, like forgetting to close a tag with a gt sign or
similar. And I have had users do that in plain-ol' <textarea>s.

OK, if it's a choice between a user creating a load of HTML by hand and one
using a tool like HCI, the latter is to be preferred. But In my situation
there's no need to create tables or forms, insert pictures or frames etc.
Basically all elements for a page are submitted in a form and stored in
database. Pages are created bij PHP and formatted by a stylesheet. The only
thing we need is some tiny additional formatting like creating a list out of
paragraphs or emphasize words.
If a complete toolbox is supplied I'm sure we'll end up in trouble :)
 
A

Adrienne

JDS said:
Nico Schuyt wrote:
[HardCore Internet editor;
http://editor.hardcoreinternet.co.uk/page.php/id=702]
I hesitate to include it in my CMS though. The risk is probably to
great that the user makes a mess of the site :)
There is *always* a risk of the user f**ing up the site, if you give
them the opportunity to type stuff into a <textarea>. My finding is
that, with HardCore Internet's editor, there is *less* of a chance of
the user screwing things up. At least the editor doesn't make typo's
in the HTML, like forgetting to close a tag with a gt sign or similar.
And I have had users do that in plain-ol' <textarea>s.

OK, if it's a choice between a user creating a load of HTML by hand and
one using a tool like HCI, the latter is to be preferred. But In my
situation there's no need to create tables or forms, insert pictures or
frames etc. Basically all elements for a page are submitted in a form
and stored in database. Pages are created bij PHP and formatted by a
stylesheet. The only thing we need is some tiny additional formatting
like creating a list out of paragraphs or emphasize words.
If a complete toolbox is supplied I'm sure we'll end up in trouble :)

I didn't look through their SDK completely, but I'm sure there must be a
way to turn features on and off, or you could just strip unnessary markup
server side.
 
N

Nico Schuyt

Adrienne said:
Nico Schuyt riting in
I hesitate to include it in my CMS though. The risk is probably to
great that the user makes a mess of the site :)
I didn't look through their SDK completely, but I'm sure there must
be a way to turn features on and off,

It is configurable but in this particular case I'll have to strip about
99.3% of the buttons :)
or you could just strip
unnessary markup server side.

Hmmm, not so easy I think.

Probably I'll apply the tool one of these days. Not in a website, but in an
application that allows customers to create HTML mailings.
 
J

JDS

It is configurable but in this particular case I'll have to strip about
99.3% of the buttons :)

But they make it pretty easy for you to do this.

Also, one more "pro" in their favor: their code is available (once you buy
the license) for you to customize a bit. For example, I was able to tweak
their tools to add "quicklinks" to get a list of pages from my websites's
database.

I was never able to do anything like that using a Java applet, for example.

later...
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

Forum statistics

Threads
473,744
Messages
2,569,484
Members
44,903
Latest member
orderPeak8CBDGummies

Latest Threads

Top