[JavaScript] dodanie kontrolki do tinymce Opcje

[dstp]

Próbuję dodać własną kontrolkę do edytora tinymce. Zrobiłem guzik i funkcję w js, która po naciśnięciu tagu wyświetla w edytorze jakiś tam tekst. Chcę zrobić coś w stylu tagu pokaż - ukryj tekst.

Tak wygląda js w tinymce:

[HTML] pobierz, plaintext 
setup : function(ed) {
			// Add a custom button
			ed.addButton('mybutton', {
				title : 'D',
				image : 'img/example.gif',
				onclick : function() {
					// Add you own code to execute something on click
					ed.focus();
					ed.selection.setContent('<span id="klik">kliknij aby rozwinac</span><br /><span id="rozwin" style="display: none;">tekst po rozwinieciu</span>');
				}
			});
		}
[HTML] pobierz, plaintext 

A tak js w pliku, w którym wyświetlam tekst z edytora:

[HTML] pobierz, plaintext 
<script type="text/javascript">
			$(document).ready(function(){
				$("#klik").click(function() {
					$("#rozwin").toggle();
				});
			});
		</script>
[HTML] pobierz, plaintext 

Takie coś mi działa, ale muszę mieć możliwość wprowadzenia ukrytego tekstu w edytorze, a nie w pliku tak jak teraz. Myślałem żeby zrobić coś w stylu tagu [ukryte]ukryty tekst[/ukryte] i później w jquery to obrobić, ale nie wiem jak.

Ma ktoś jakiś pomysł?