Опитвам се да скрия лентата с инструменти TinyMCE, когато потребител щракне върху друг елемент на страницата и напусне текстовата област (така по същество onBlur). Намерих решения, които ще деактивират функционалността на Rich Text Editor на Blur, но трябва само да скрия лентата с инструменти и да оставя дисплея с Rich Text (вместо обикновен текст с html тагове).
Всякакви предложения ще бъдат високо оценени... благодаря!
Ето какво имам сега: (използва външната лента с инструменти)
<html>
<head>
<!-- TinyMCE -->
<script type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "advanced",
plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",
theme_advanced_buttons1 : "fontselect,fontsizeselect,|,bullist,numlist,|,outdent,indent,|,blockquote,image,code,|,fullscreen",
theme_advanced_buttons2 : "bold,italic,underline,strikethrough,sub,sup,hr,|,forecolor,backcolor,|,justifyleft,justifycenter,justifyright,justifyfull,|,link,unlink",
theme_advanced_buttons3 : "tablecontrols,|,charmap",
theme_advanced_toolbar_location : "external",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : true
});
</script>
</head>
<body>
<form method="post" action="somepage">
<br />
<br />
<br />
<br />
<br />
<textarea name="content1" id="content1" style="width: 500px;">
This is some sample <b><u>content</u></b>.
</textarea>
<br />
<br />
<a href="/bgjavascript: void(0);" onclick="tinyMCE.getInstanceById('content1').toolbarElement.style.display = 'none'">Hide Toolbar</a>
</form>
</body>
</html>