[JavaScript][HTML][Jquery]Jquery Tinymce Opcje

[arpi]

Cześć, borykam sie nad tematem kilka godzin, przeszukałem wszysktie fora i google i nie znalazłem rozwiązania.
Otóż mam problem aby za pomocą Jquery dostać się do pola textarea, które jest obsadzone Tinymce.
Tinymce tworzy dodatkowa ramke IFrame w kodzie i Jquery coś nie może się dostać do drzewa DOM w ramce.

kod:

[HTML] pobierz, plaintext 
                        <script src="includes/jquery-3.7.1.js"></script>			
			<script src="https://cdn.tiny.cloud/1/XXXXXXXXXXXX/tinymce/6/tinymce.min.js" referrerpolicy="origin"></script>
			<script src="https://cdn.jsdelivr.net/npm/@tinymce/tinymce-jquery@1/dist/tinymce-jquery.min.js" crossorigin="anonymous"></script>
			<script>
				tinymce.init({
				selector: 'textarea.tiny',  // change this value according to the HTML
				height:200,
				plugins: ['lists', 'code' ],
				toolbar: 'undo bold bullist code',
				menubar: false,
				invalid_elements: 'div,span,p,table',
				setup: function (e) {
					e.on('change', function () {
					tinymce.triggerSave();
					})
				}
				});
 
				$('.mce-content-body').on("change",function (e) { //.mce-content-body to jest pole które wstawia tinymce a textarea wyłącza wyswietlanie 
							var value = $(this).val();
							alert(value);							
				});
	</script>	
....
<form>
<textarea class="tiny" id="opis" name="opis">OPISopisOPIS</textarea>
<input type="button" id="zapisz" name="zapisz" value="Zapisz">
</form>
[HTML] pobierz, plaintext 

Co należy dopisać w kodzie aby kod jQuery widział te pola w ramce i mógł pobrać ich wartość?
Oczywiście gdy wyłączę Tinymce, z textarea mogę normalnie wyciągnąć wartość

[trueblue]

A w jaki celu chcesz się dostać do pola textarea?

[arpi]

Gdy użytkownik zmieni opis w textarea potrzebuje pobrać wartość z tego pola $('.mce-content-body') i za pomocą ajaxa zapisać w bazie mysql.

[Salvation]

Wszystko jest w dokumentacji: https://www.tiny.cloud/blog/how-to-get-cont...ent-in-tinymce/

[arpi]

Dziękuję, zrobione działa
Wrzucam kod dla szukających rozwiązania - bo te instrukcje na stronach twórców to ciężko znaleźć

[HTML] pobierz, plaintext 
<script src="includes/jquery-3.7.1.js"></script>			
<script src="https://cdn.tiny.cloud/1/XXXXXXXXXXXX/tinymce/6/tinymce.min.js" referrerpolicy="origin"></script>
<script src="https://cdn.jsdelivr.net/npm/@tinymce/tinymce-jquery@1/dist/tinymce-jquery.min.js" crossorigin="anonymous"></script>
<script>
				tinymce.init({
				selector: 'textarea.tiny',  // change this value according to the HTML
				height:200,
				plugins: ['lists', 'code' ],
				toolbar: 'undo bold bullist code',
				menubar: false,
				invalid_elements: 'div,span,p,table'				
				});
 
				$('input#zapisz').click(function() {
					var Tresc = tinymce.get("opis").getContent();
					alert(Tresc);							
				});
</script>	
....
<form>
<textarea class="tiny" id="opis" name="opis">OPISopisOPIS</textarea>
<input type="button" id="zapisz" name="zapisz" value="Zapisz">
</form>
 
 
[HTML] pobierz, plaintext