The changes TinyMCE makes can be very annoying. It would be great to have an XHTML WYM or WYSIWYG editor that doesn’t change your code and furthermore, is safe in the hands of regular people in the office rather than developers, but that is another story.
In MODx, I use chunks for my Flash content. I also use
SWFObject (there is a snippet but I couldn’t get it to work so I do it manually.)
I place the swfobject.js file in /assets/js (of course, you can place it where ever you want) and make sure to reference it in my template:
<script src="[(base_url)]assets/js/swfobject.js" type="text/javascript"></script>
Then I create a chunk for each particular Flash movie.
<div class="audioclip" id="flashcontentaudioclip">
<a href="/assets/audio/sound_clip.mp3">
<img src="/assets/images/icons/sound_clip.gif" alt="Play" width="62" height="80" /></a>
<h1>Audio Clip</h1>
<p>Some information about the clip.</p>
<p><a href="/assets/audio/sound_clip.mp3">Play Clip</a> | Format: MP3 | Duration: 2:12</p>
</div>
<script type="text/javascript">
// <![CDATA[
var so = new SWFObject("/assets/swf/soundclips/soundclip.swf", "soundclip", "600", "100", "8", "#FFFFFF");
so.write("flashcontentaudioclip");
// ]]>
</script>
In this case, inside the div id="flashcontentaudioclip" I’ve included alternate content in case the viewer doesn’t have Flash 8 in this case. What SWFObject does is replace the alternate content with your Flash content, and you can specify a number of parameters, including version, as well as pass variables if you like.