Page 1 of 1
TinyMCE Eating / Changing Code in CMSMS 1.3.1 and 1.4
Posted: Wed Jul 16, 2008 4:59 am
by claystorm
First off, I am using the 1.3.1 install, with TinyMCE 2.4.0 (according to the modules page in my install of CMS).
I am having the same problems that are found here:
http://forum.cmsmadesimple.org/index.ph ... 500.0.html, with regards trying to use things like iframes among other things. Even using the HTML button, I can not insert an iframe in my site no matter what I try, including wrapping everything in a literal tag, as TinyMCE just kills it. So far, my only work around has been to create a user defined tag with iframe or what ever TinyMCE will not allow in my site.
But, the bigger problem that I am having is when I use TinyMCE to even edit the smallest thing on a page in my site, it totally eats everything and really screws up the content on that page. I basically loose all formatting related to justification, font size, width of HR's and so on. Even if I use TinyMCE to edit just one miss-spelled word and do not change any formatting or add anything, it totally eats everything.
From what I can tell, the new version of TinyMCE is changing all the formatting on my pages. It might be that it is trying to make it standard compliant (or something, IDK), but really it just eats everything and leaves me trying to fix it and make it look it should. I know that a lot has change in the newest version of TinyMCE, but I fail to see why TinyMCE should be telling me what I need to do with my coding. It is an editor, and that is all it should be doing. It should not be trying to change all the coding on all my pages.
What really irks me is we are trying to get our site ready to be edited by many different people, none of whom know anything about HTML at all. The major reason we moved to CMSMS is to pull some of the burden off of me, the webmaster, since I am only doing this as a non-paid volunteer for this organization, and I am really spread thin as it is. Right now, as this stands, I can not turn the site over to the users to edit their respective pages, as doing so would totally screw up the pages and leave the users having major issues, and leaving me to clean up mess all the time.
I am getting to my wits end with this, and I am not sure what to do about this. Is this supposed to be a feature, or is this really a problem?
Re: TinyMCE Eating My Site in CMSMS 1.3.1
Posted: Wed Jul 16, 2008 6:39 am
by dave.webb
I too have a similar problem, but not quite as bad. A am also running 1.3.1 and TinyMCE ignores pretty much everything I tell it to do. I can't use bold, italic, bullet points, legend tags, iframes, etc. It doesn't strip them out as I can see them when I click the HTML button, but they are just not displayed. Is there a config file somewhere that defines what tags it does/doesn't use?
I have another site running on the same server with 1.3 (Cuba) and it's fine.
Thanks,
Dave
Re: TinyMCE Eating My Site in CMSMS 1.3.1
Posted: Mon Aug 04, 2008 1:39 pm
by brippon
I had similar problems in 1.3.1, and have just upgraded to 1.4 / TinyMCE 2.4.4. No better.
Copy/paste loses all formatting, HTML tags get applied to the wrong text, etc. TinyMCE and in consequence the whole usability of CMSMS seems to have taken a considerable turn for the worse. Can it really be a setup issue?
Will now try FCKeditor and see if it's any better, but I'd rather not have to.
Brian
Re: TinyMCE Eating My Site in CMSMS 1.3.1
Posted: Mon Aug 04, 2008 7:22 pm
by claystorm
A few things to add about my problem that I hope will assist the dev team in looking into this.
First off, I upgraded to CMS Made Simple 1.4 "Jamaica" today and I still have the same issues as I did under the 1.3.1 install. Jamaica does have version 2.4.4 of TinyMCE, but it does not seem to help.
Second, I took some time this morning to create a few copies of a few of our pages to show how the coding was before (non-touched) and after (touched) I used TinyMCE to just view a page. All I have to do is go into a page, and hit submit (and not change anything) and it changes all my coding. I have also included the links for the corresponding pages so you can see how the before (non-touched) and after (touched) look in a browser.
Page Code Samples
Non-Touched "Children’s Page": http://www.holycrossabq.org/children.html
Code: Select all
<table border="0" align="center" width="500" cellPadding="0" cellSpacing="0">
<tbody>
<tr><td><center><font size="+3" color="#990000" face="Times New Roman, Times, serif">Childrens Oppoirtunities at Holy Cross</font></center></td></tr>
<tr><td align="center">
<font face="Times New Roman, Times, serif">
<a href="adults.html">Adult</a>
<img src="uploads/images/b_dot.gif" />
<a href="children.html">Children</a>
<img src="uploads/images/b_dot.gif" />
<a href="service.html">Service</a>
<img src="uploads/images/b_dot.gif" />
<a href="all.html">All</a>
</font></td></tr></tbody></table>
<div align="center"><p align="center"><img align="left" width="300" src="uploads/images/opportunities/children/children.jpg" height="200" /></p></div>
<div align="center">Christian education for people preschool through high school is available. The following items are specific to these age groups, for more opportunities please click on "All".</div>
<div align="center">.</div>
<div align="center"></div>
<div align="center"><strong>Sunday School</strong> - Sunday School classes are taught for children from age 2 through high school. Classes run through out the school year and are held between services (10:45 to 11:45 AM). The children also sing at worship services and at a Christmas pageant.
<br /><br />
<strong>Vacation Bible School (VBS)</strong> - Vacation Bible School is held one week during the summer and is for preschool and elementary age children. Older children are encouraged to help the staff during this week. We have been teaming with St. Luke Lutheran Church to sponsor the Rainbow Trail Camp staff for a week in June so they can share their gift of songs, stories, and games for the kids.
<br /><br />
<strong>Confirmation Class</strong> - A confirmation class is available for 6th through 8th grade youth. This class will be held on Sunday mornings during Sunday School. This class is to prepare the kids for full membership in the church with foundations in the Bible, the Sacraments, history of the Lutheran Church, and Christianity as a way of life. The class ends with Confirmation into the church after the 8th grade year.</div>
Code: Select all
<table border="0" cellspacing="0" cellpadding="0" width="500" align="center">
<tbody>
<tr><td><span style="font-size: small; color: #990000; font-family: Times New Roman, Times, serif;">Childrens Oppoirtunities at Holy Cross</span></td></tr>
<tr><td align="center">
<span style="font-family: Times New Roman, Times, serif;">
<a href="adults.html">Adult</a>
<img src="uploads/images/b_dot.gif" alt="" />
<a href="children.html">Children</a>
<img src="uploads/images/b_dot.gif" alt="" />
<a href="service.html">Service</a> <img src="uploads/images/b_dot.gif" alt="" />
<a href="all.html">All</a>
</span></td></tr></tbody></table>
<div><p align="center"><img src="uploads/images/opportunities/children/children.jpg" alt="" width="300" height="200" align="left" /></p></div>
<div>Christian education for people preschool through high school is available. The following items are specific to these age groups, for more opportunities please click on "All".</div>
<div>.</div>
<div><strong>Sunday School</strong> - Sunday School classes are taught for children from age 2 through high school. Classes run through out the school year and are held between services (10:45 to 11:45 AM). The children also sing at worship services and at a Christmas pageant.<br /><br />
<strong>Vacation Bible School (VBS)</strong> - Vacation Bible School is held one week during the summer and is for preschool and elementary age children. Older children are encouraged to help the staff during this week. We have been teaming with St. Luke Lutheran Church to sponsor the Rainbow Trail Camp staff for a week in June so they can share their gift of songs, stories, and games for the kids.<br /><br />
<strong>Confirmation Class</strong> - A confirmation class is available for 6th through 8th grade youth. This class will be held on Sunday mornings during Sunday School. This class is to prepare the kids for full membership in the church with foundations in the Bible, the Sacraments, history of the Lutheran Church, and Christianity as a way of life. The class ends with Confirmation into the church after the 8th grade year.</div>
Code: Select all
<table border="0" width="100%">
<tbody>
<tr>
<td height="42" colSpan="2" width="50%" vAlign="middle">
<div align="center"><font size="+3" color="#990000" face="Times New Roman, Times, serif">Ministries</font></div>
</td>
</tr>
<tr>
<td colSpan="2" width="50%" align="center" vAlign="middle"><hr width="75%" /></td>
</tr>
<tr>
<td height="42" width="50%" vAlign="top">
<p align="center">Here at Holy Cross, we have a ministry for everyone. Young, old, single, or married, we have a ministry for you. To the right you will see a partial list of the ministries that Holy Cross offers. We are working to get a complete list of ministrys listed here, so keep checking back as we update this list.</p>
<p align="center">Last edited: 3/21/2008 </p>
</td>
<td vAlign="top">
<div align="center">
<p>Youth and Family</p>
<p>Spiritual Life</p>
<p>Music</p>
<p>Social Ministries</p>
<p>Benevolences</p>
<p>Holy Cross Stitchers</p>
<p>Christian Education</p>
<p>Worship</p>
<p> </p>
</div>
</td>
</tr>
</tbody>
</table>
Code: Select all
<table border="0" width="100%">
<tbody>
<tr>
<td colspan="2" width="50%" height="42" valign="middle">
<div><span style="font-size: small; color: #990000; font-family: Times New Roman, Times, serif;">Ministries</span></div>
</td>
</tr>
<tr>
<td colspan="2" width="50%" align="center" valign="middle"><hr /></td>
</tr>
<tr>
<td width="50%" height="42" valign="top">
<p align="center">Here at Holy Cross, we have a ministry for everyone. Young, old, single, or married, we have a ministry for you. To the right you will see a partial list of the ministries that Holy Cross offers. We are working to get a complete list of ministrys listed here, so keep checking back as we update this list.</p>
<p align="center">Last edited: 3/21/2008</p>
</td><td valign="top">
<div>
<p>Youth and Family</p>
<p>Spiritual Life</p>
<p>Music</p>
<p>Social Ministries</p>
<p>Benevolences</p>
<p>Holy Cross Stitchers</p>
<p>Christian Education</p>
<p>Worship</p>
<p> </p>
</div>
</td>
</tr>
</tbody>
</table>
Re: TinyMCE Eating / Changing Code in CMSMS 1.3.1 and 1.4
Posted: Tue Aug 05, 2008 4:54 pm
by JohnW
You should try an move your formatting to the css as much as possible. Also, CMSMS appears to prefer divs to tables anyway. Check your site, beginning with your home page at
http://validator.w3.org/ (it doesn't validate - 186 errors when I checked). You can look at your page results (including the source code) and make the necessary changes until it validates.
Re: TinyMCE Eating / Changing Code in CMSMS 1.3.1 and 1.4
Posted: Tue Aug 05, 2008 8:15 pm
by claystorm
John,
I am not saying my code is anywhere near perfect, but at the same point an editor like TinyMCE should not be eating and/or changing my existing code. It should only serve to insert what I tell it to. Heck, even when I use the HTML button in TinyMCE, it will not let me put things in. To me, it is a behavore that I should be able to turn off in the options. And really, if I prefer tables over divs, that should be my choice not the editor's choice.
As to moving to my code to CSS, thats all fine and dandy, only I do not know CSS. I am just an underpaid, over worked Systems Administrator, who happens to also have to take care the website. I know HTML has changed in the years since I learned it, but neverless, my understanding is the basics have not changed that much.
As for the validator, after looking at some of the items that trip it up, they appear to be put in by CMSMS it's self and not 100% by my coding. I have also found its nearly impossible to have 100% vlaidated code if you want your site to show up the same in 90% of the browers.
Re: TinyMCE Eating / Changing Code in CMSMS 1.3.1 and 1.4
Posted: Wed Aug 06, 2008 3:15 am
by Dr.CSS
Do you mind if I ask what your template looks like?...
I have a feeling your trying to put the template in the page when editing, like in Content: edit box, if you are trying to pass this off to others you may want to try just putting {content} tag in it where you want them to add it, and you can add more than one content tag {content block="content2"}, like in the table somewhere surrounded by whatever code/formatting you want and use the Title tag {title} for things like 'Ministries', {title}, then in your CSS...
h2.red{color: #990000}...
There are some settings to let it use code and another for letting it use tables...
If you want others to use this you don't expect them to put code, table, tr, td, etc. in do you, tiny will allow them to hilite words and size them, color them or make them h1 or or center or right align or left?...
I know you are used to doing it this way but I will say if you were servicing any handicap person trying to get information from your site it would drive them crazy because the system they use will read to them every table, tr, td, inline formatting call etc. written in the template...
You can turn tiny off in preferences...
Re: TinyMCE Eating / Changing Code in CMSMS 1.3.1 and 1.4
Posted: Wed Aug 06, 2008 4:23 am
by claystorm
Mark,
Here is what the current site template looks like:
http://www.holycrossabq.org/blank.html
and here is the code for the template:
Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>{sitename} - {title}</title>
{Statistics}
{* Don't remove this! Statistics are used to gather info about site users. *}
{metadata}
{* Don't remove this! Metadata is entered in Site Admin/Global settings. *}
{stylesheet}
{* This is how all the stylesheets attached to this template are linked to *}
{cms_selflink dir="start" rellink=1}
{cms_selflink dir="prev" rellink=1}
{cms_selflink dir="next" rellink=1}
{* Relational links for interconnections between pages, good for accessibility and Search Engine Optmization *}
</head>
</__body bgcolor=#000099><!--"lightblue"-->
<table width="950" cellpadding="0" cellspacing="0" border="0" align="center" bgcolor="white">
<tr>
<td>
<!-- START HEADER -->
<table width="950" border="0" cellpadding="0" cellspacing="0"><tr><td width="337" height="100">
<a href=""><img src="uploads/images/header/index.jpg" border="0"></a></td>
<td width="*" background="uploads/images/header/index_bg.jpg" align="right" valign="top"><font color="white">{search} <i><font size="4"><strong>“Gathered and Gifted by God to Grow and Serve”</strong></font></i></font></td></tr></table>
<!-- END HEADER -->
<!-- START MIDDLE -->
<table width="950" border="0" cellpadding="0" cellspacing="0">
<tr><td width="200" valign="top">
<!-- START SIDEBAR -->
<table width="200" cellpadding="0" cellspacing="0" border="0"><tr><td align="center"><img src="uploads/images/nav/nav_top200.gif"></td></tr><tr><td align="center" background="uploads/images/nav/nav_bg200.gif"><font color="white"><b>
<a class="nav" href="" Title="Home">Home</a><br>
<!--<a class="nav" href="about.html" Title="About Holy Cross">About HCLC</a><br>-->
<a class="nav" href="vision.html" Title="Vision">Our Vision</a><br>
<a class="nav" href="opportunities.html" Title="Opportunites">Opportunities</a><br>
<a class="nav" href="ministries.html" Title="Ministries">Ministries</a><br>
<a class="nav" href="events.html" Title="Events">Events</a><br>
<a class="nav" href="youth.html" Title="Youth">Youth</a><br>
<a class="nav" href="contacts.html" Title="Church Staff & Council Members">Staff & Council</a><br>
<a class="nav" href="contacts.html#location" Title="Location">Location</a><br>
<a class="nav" href="links.html" Title="Links">Links</a><br>
<a class="nav" href="uploads/calendar.pdf" Title="Monthly Calendar" target="_blank">Monthly Calendar</a><br>
<a class="nav" href="uploads/wa.pdf" Title="Worship Assistants Schedule" target="_blank">Worship Assistants</a><br>
<!--<a class="nav" href="call.html" Title="Holy Cross Call Process">Call Process</a><br>-->
<center><hr width="160"></center>
<!--<font color="#ffffff" size="-0" face="Times New Roman, Times, serif" style="normal">--><div class="nav">
6901 Wyoming NE<br>
Albuquerque, NM<br>
87109 - <a class="nav" href="http://maps.google.com/maps?f=q&hl=en&q=Holy+Cross+Lutheran+Church,+6901+Wyoming+Blvd+NE,+Albuquerque,+NM+87109&layer=&ie=UTF8&om=1&cid=35156195,-106560545,15991558991999570085&z=13&ll=35.17451,-106.547813&spn=0.053881,0.080166&iwloc=A" target="_blank">(MAP)</a><p>
(505) 821-4676<p>
Sunday Service<br>
9:30 AM<br>
<!--8:15 and 11:00 AM<br>--></b>
<!--<font size="2">*Starting June 10<sup>th</sup>, HCLC will<br>have a single summer service. Two Sunday services will<br>resume in the fall.</font>--><p>
<b>Sunday School<br>
10:45AM (Sept - May)<br>
<center><hr width="160"></center>
<a href="https://www.networkforgood.org/donation/MakeDonation.aspx?ORGID2=850322467" target="_blank"><img src="uploads/images/nav/donatenow.gif" alt="Donate to Holy Cross through Network for Good"></a><br>
<!--<font size="1">(Coming Soon!)</font>-->
<font size="1">(<a class="nav" href="http://support.networkforgood.org/Default.asp?a=4&q=279" target="_blank">How does this work?</a>)</font><br></div>
</td></tr>
<tr><td align="center">
<img src="uploads/images/nav/nav_bottom200.gif">
</td></tr>
</div>
<!--<tr><td>
<img src="uploads/images/nav/sidebar_edit.gif">
</td></tr>--><tr><td>
<!--START NEWSLETTER -->
<!--
******************************************
************ NEWSLETTER HEADER *************
******* Do not edit anything above this line ********
******************************************
-->
<center><a href="uploads/newsletter.pdf" alt="Read the current news leter (in Adobe PDF Format)" target="blank">
<img src="uploads/images/nav/newsletter.gif" alt="Read the current news leter (in Adobe PDF Format)" border="0"></a></center>
<center><font size="1">(Adobe PDF will open in a new window)<br><br></font>
<center><a href="http://www.adobe.com/products/acrobat/readstep2.html" alt="Get the Adobe PDF Reader" target="_blank">
<img src="uploads/images/pdf.gif" border="0" alt="Get the Adobe PDF Reader"></a></center>
<!--
******************************************
************ NEWSLETTER HEADER *************
******* Do not edit anything below this line ********
******************************************
-->
<!-- END NEWSLETTER -->
</td></tr></table>
<!-- END SIDEBAR -->
</td><td width="10"></td><td width="750" valign="top">
<!--START CONTENT -->
<!--
******************************************
***** Text Begin Here for Main Body of Web Page ****
******** Do not edit anything above this line *******
******************************************
-->
<!-- start content -->
<div id="content">
{content}
</div>
<!-- end content -->
<!--
******************************************
***** Text Begin Here for Main Body of Web Page ****
******** Do not edit anything below this line *******
******************************************
-->
<!-- END CONTENT -->
</td></tr></table>
<!-- END MIDDLE -->
<!-- START FOOTER -->
<table width="950" height="35" border="0" cellpadding="0" cellspacing="0"><tr>
<td width="35" height="35"><img src="uploads/images/footer/bottombar_left.gif"></td>
<td width="*" height="35" background="uploads/images/footer/bottombar_bg.gif" align="left"> <a href="http://www.elca.org" target="_blank"><img src="uploads/images/footer/elcalogo_sm.png" border="0"></a></td>
<td width="*" height="35" background="uploads/images/footer/bottombar_bg.gif" align="left"> <a href="http://www.rmselca.org" target="_blank"><img src="uploads/images/footer/rmslogo_sm.png" border="0"></a></td>
<td width="*" height="35" background="uploads/images/footer/bottombar_bg.gif" align="left"><span class="work"><b>A Church Of The <a class="email" href="http://www.elca.org" target="_blank">ELCA</a> - <a class="email" href="http://www.rmselca.org" target="_blank">Rocky Mountain Synod</a></b></span></td>
<td width="*" height="35" background="uploads/images/footer/bottombar_bg.gif" align="right"><span class="work"><b><a class="email" href="mailto:holycrosschurch@mindspring.com">HolyCrossChurch@Mindspring.com<!--Office@HolyCrossABQ.org</a>--></b></span></td>
<td width="16" height="35"><a href="mailto:holycrosschurch@mindspring.com"><img src="uploads/images/footer/bottombar_right.gif" border="0"></a></td></tr></table>
<font size="2"><center>Best if viewed at a screen resolution of 800 by 600 or better. © {current_date format="%Y"} Holy Cross Lutheran Church, All Rights Reserved.<br>Please send your comments and/or suggestions to: <a href="mailto:kevinm@holycrossabq.org">kevinm@holycrossabq.org</a></center></font>
</span>
<!-- END FOOTER -->
</td>
</tr>
</table>
{literal}<__script__ type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</__script>
<__script__ type="text/javascript">
var pageTracker = _gat._getTracker("UA-2976932-1");
pageTracker._initData();
pageTracker._trackPageview();
</__script>{/literal}
<__body>
</__html>
I must say that I really try to do as much as I can in the template, and not in the page. And you are very right in that I am not using the system to the full extent that I could be, and you have given me some great ideas to extend the template.
As to turning it over to the users; before the problems with TinyMCE started, it was working fine with my code (tables and all). I guess my biggest issue is how much time its going to take me to go fix all the code on everypage so that I can turn it over to the users. I am a volunteer for this church, doing their website and computer issues on the side of my normal day job.
What I think I am going to do right now, unless you or someone else has a better suggestion, I am going to look at using FCKeditorX as my main editor and see if I have the same issues with that or not. I think long term I will look at changing all my code to be complient wiht TinyMCE, but first I need to re-learn a bunch of stuff (like CSS among other things).
Also, thank you for your help.
Re: TinyMCE Eating / Changing Code in CMSMS 1.3.1 and 1.4
Posted: Wed Aug 06, 2008 7:07 am
by Dr.CSS
If you were able to get it to work, whatever way that was, using an older version of tiny you can always down grade, I wouldn't recommend FCKeditor as it's way behind in development at this time...
Go to modules and uninstall tiny, and remove it(all folders/files), go to older ver. of CMSMS you have that had tiny that worked for you, or go to forge and get it, then upload it and install...