WYSIWYG in text area

Discussion in 'HTML' started by Nico Schuyt, Mar 6, 2005.

  1. Nico Schuyt

    Nico Schuyt Guest

    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?

    --
    Nico
    http://www.nicoschuyt.nl
    Nico Schuyt, Mar 6, 2005
    #1
    1. Advertising

  2. Nico Schuyt

    WebMaster Guest

    "Nico Schuyt" <> wrote in message
    news:422ac029$0$70620$...
    > 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

    > --
    > Nico
    > http://www.nicoschuyt.nl
    >
    >
    WebMaster, Mar 6, 2005
    #2
    1. Advertising

  3. "Nico Schuyt" <> wrote in message
    news:422ac029$0$70620$...
    >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


    >
    > --
    > Nico
    > http://www.nicoschuyt.nl
    >
    >
    Phil Thompson, Mar 6, 2005
    #3
  4. Nico Schuyt

    JDS Guest

    On Sun, 06 Mar 2005 09:33:57 +0100, Nico Schuyt wrote:

    > 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/

    --
    JDS |
    | http://www.newtnotes.com
    DJMBS | http://newtnotes.com/doctor-jeff-master-brainsurgeon/
    JDS, Mar 6, 2005
    #4
  5. Nico Schuyt wrote:

    > 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

    --
    Roy Schestowitz
    http://schestowitz.com
    Roy Schestowitz, Mar 6, 2005
    #5
  6. Nico Schuyt

    Nico Schuyt Guest

    WebMaster wrote:
    > "Nico Schuyt" <> wrote


    >> I want to add a WYSIWYG editor to a textarea in a CMS.
    >> 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


    Not exactly what I was looking for :-(
    No headings or classes. The HTML coding is created without carriage returns.
    Div's in the list items
    Example:
    <ol><li>xxx</li><li>xxx</li></ol><ul><li><div>xxx</div></li><li>xxx</li></ul
    ><p align="center">xxx</p><p align="right">xxx</p><p><a

    href="http://www.nicoschuyt.nl/" target="_self">xxx</a></p><p>xxx <img
    title="bla bla" alt="bla bla"
    src="http://www.nicoschuyt.nl/foto/~DSCN0644_s.jpg" border="0" /></p>

    Thanks anyway!

    --
    Nico
    http://www.nicoschuyt.nl
    Nico Schuyt, Mar 7, 2005
    #6
  7. Nico Schuyt

    Nico Schuyt Guest

    Phil Thompson wrote:
    > "Nico Schuyt" wrote


    >> 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


    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!

    --
    Nico
    http://www.nicoschuyt.nl
    Nico Schuyt, Mar 7, 2005
    #7
  8. Nico Schuyt

    Nico Schuyt Guest

    JDS wrote:
    > Nico Schuyt wrote:


    >> 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.


    > 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!

    --
    Nico
    http://www.nicoschuyt.nl
    Nico Schuyt, Mar 7, 2005
    #8
  9. Nico Schuyt

    Nico Schuyt Guest

    Roy Schestowitz wrote:
    > Nico Schuyt wrote:
    >> 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.


    > 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!

    --
    Nico
    http://www.nicoschuyt.nl
    Nico Schuyt, Mar 7, 2005
    #9
  10. Nico Schuyt

    JDS Guest

    On Mon, 07 Mar 2005 11:29:39 +0100, Nico Schuyt wrote:

    > 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...

    --
    JDS | lid
    | http://www.newtnotes.com
    DJMBS | http://newtnotes.com/doctor-jeff-master-brainsurgeon/
    JDS, Mar 7, 2005
    #10
  11. Nico Schuyt

    Nico Schuyt Guest

    JDS wrote:
    > 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 :)

    --
    Nico
    http://www.nicoschuyt.nl
    Nico Schuyt, Mar 7, 2005
    #11
  12. Nico Schuyt

    Adrienne Guest

    Gazing into my crystal ball I observed "Nico Schuyt"
    <> writing in
    news:422c9b7d$0$2098$:

    > JDS wrote:
    >> 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.

    --
    Adrienne Boswell
    http://www.cavalcade-of-coding.info
    Please respond to the group so others can share
    Adrienne, Mar 7, 2005
    #12
  13. Nico Schuyt

    Nico Schuyt Guest

    Adrienne wrote:
    > Nico Schuyt riting in
    >>> [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 :)


    > 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.

    --
    Nico
    http://www.nicoschuyt.nl
    Nico Schuyt, Mar 8, 2005
    #13
  14. Nico Schuyt

    JDS Guest

    On Tue, 08 Mar 2005 07:15:07 +0100, Nico Schuyt wrote:

    >> 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 :)


    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...

    --
    JDS | lid
    | http://www.newtnotes.com
    DJMBS | http://newtnotes.com/doctor-jeff-master-brainsurgeon/
    JDS, Mar 8, 2005
    #14
    1. Advertising

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

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Mark
    Replies:
    1
    Views:
    573
    Larry Barowski
    Jun 27, 2005
  2. hotadvice
    Replies:
    14
    Views:
    692
    hotadvice
    Oct 2, 2007
  3. Andy B.
    Replies:
    0
    Views:
    794
    Andy B.
    Apr 30, 2010
  4. leo
    Replies:
    1
    Views:
    261
    Bob Lehmann
    Dec 5, 2005
  5. Jim
    Replies:
    0
    Views:
    179
Loading...

Share This Page