Did you include a jQuery core file? You either need to install and configure the t3jquery extension, add the jQuery Core file manually or activate the addjQuery option.
See above.
Do you use other Java-Script frameworks? Please see down below.
This is a server side problem within PHP 5 respective in the libxml module (1.6.32 and higher) with an existing work around.
Solution:
Add this line in your localconf.php in typo3conf directory.
$TYPO3_CONF_VARS['BE']['flexformForceCDATA'] = '1';
This fix is non breaking and works only for new added elements. Older flexform values should / could be fixed manually. This is a recommended default setting for every TYPO3 installation (see mailing list why).
Bug:http://bugs.typo3.org/view.php?id=9359
Mailingslist Post:[TYPO3-dev] A ticking ticking timebomb with libxml update to 2.7.1?
No problem. Use the noConflict option via TS or Constant Editor. This way you can use your own Java-Script framework (which uses the $ selector as well) together with beautyOfCode as it will work “standalone”.
Please note and keep in mind: jQuery must be loaded (minified about 56KB) which leads to more traffic and less performance for your users.
If you don't like your user to overwrite your TS configuration via the Options tab within the flexform (plugin FCE) you should take a look at the extension sp_betterflex: “Exclude static flexform fields made by extensions like normal table fields in backend group configuration or via TSConfig.”
http://typo3.org/extensions/repository/view/sp_betterflex/current/
Install the extension and add these lines to your TSconfig:
TCEFORM.tt_content.beautyofcode_cGutter.disabled = 1
TCEFORM.tt_content.beautyofcode_cToolbar.disabled = 1
TCEFORM.tt_content.beautyofcode_cCollapse.disabled = 1
Please feel free to contact me via email: i n f o [at] f e l i x n a g e l . c o m or by using http://www.felixnagel.com/contact/