I would like an editor like this one. Can I do this with dreamweaver?

Question

I want to build an editor in my site with a login editor that looks like this one.  I tried the adobeincontextediting and it won'e let me change the text size, color or insert a table.  If I can just make one like the one on this page somehow with a login I would be so happy.
I built a site for my friend www.bigskyboxers.com and she wants to be able to edit it.  I put the adobeincontextediting in it but I can't get it to work.  Any suggestions?  Heidi 

Answer 1

As far as editing tables goes... they need to be VERY strictly formatted.
Please refer to this thread
        "Re: Editing a  Table using ICE"
I have more information on formating tables also on this thread:
        "Re:  Cannot save the selected regions"
Using your table, your code should look something like this:
<table border="0" width="600" bgcolor="#FFFFCC" background="images/hearts.gif" style="height: 350px">
<tbody ice:repeatinggroup="*">
  <tr ice:repeating="true">
    <td ice:editable="*" background="images/hearts.gif" >       <p align="center">       <img height="225" src="images/epicstack.jpg" /><br>
        OFA-Cardio Clear<br>
        Thyroid Normal</p>
      <p align="center"> <br>
      </p></td>
    <td ice:editable="*"><p align="center">       <img height="225" src="images/vindi2.jpg" /><br>
        OFA-Cardio Clear<br>
        SAS-Clear<br>
        Holter tested normal &quot;2 pvc's&quot;<br>
        Thyroid Normal<br>
    </td>
  </tr>
</tbody>
</table>
I added <tbody> tag, highlghted in blue. Look over the notes on structuring tables as to why.
That will solve your problem if you follow the guidelines I have there.
Problems are highlighted in red. User cannot change background images that are nested. That should be done with CSS anyway.
Also, note that I left out the table that this table is nested in... nesting tables will not allow you to do what you are trying to accomplish. You shold wrap the table in a "div" and alternatively make that <div> something like <div ice:editable "*">
The other code on the page has repeating regions, etc, BUT NO EDITABLE REGIONS... it sould look something like this:
<div ice:repeating="true" ice:editable="*">Content for new Repeating Region goes here</div>
Read through the info on tables and it will help you alot. Generlly, I would say avoid them & alternatively use properly styles <div>'s instead. But if you MUST use tables, structure them as I have & they'll cooperate with you.
Good Luck,
-Tom