TinyMCE .val()

Door Donny Wie weet op 17-03-2014 14:46 gewijzigd op 17-03-2014 14:47

959 views

Hoi allemaal,

Ik wil de value van de tinymce pakken op het moment dat de inhoud van de textarea veranderd... Echter zit ik met het probleem dat het selecteren van het id niet werk. Ik heb geen idee hoe dit kan.

Mijn code:


$(document).ready(function() {
   $('textarea#text').tinymce({
      script_url : 'http://www.slagerij-both.nl/welcome/plugins/tinymce/tinymce.min.js',
      theme : "modern",
      language: "nl",
	    height: 200,
	    width: 700,


   });

	$('textarea#text').change(function(){
		$(text).appendTo('#page-preview');
		console.log(text + 'change')
	})
})
</script>

Mich

17-03-2014 14:57

Ten eerste ben je een # vergeten, maar volgens mij zou het dan nog niet werken.
Probeer het met tinymce.get


tinymce.get('text').getContent();

Donny Wie weet

17-03-2014 15:03

Dat heb ik al geprobeerd, heb er naar gegoogled maar krijg van mn console terug dat getContent niet bestaat

Mich

17-03-2014 15:24

Heb je geprobeerd
tinymce.getContent('text');
en
tinyMCE.getContent('text');
?
De één zegt dat het in kleine letters moet, terwijl de andere het weer met hoofdletters doet...

Anders zie ik nog dat je tinymce.editors[0] kan gebruiken als je er maar 1 hebt.

Toevoeging op 17/03/2014 15:29:24:

Ik gebruik zelf de variant met kleine letters zie ik


<textarea id="pagetext" name="pagetext"></textarea>
<script>
$(document).ready(function() {
	console.log( tinymce.get('pagetext').getContent() );
}
</script>

Donny Wie weet

17-03-2014 15:33

Is het mogelijk om onchange te gebruiken hiervoor?

Mich

17-03-2014 15:45

Dit werkt bij mij


tinymce.init({
	   setup : function(ed) {
                  ed.on('change', function(e) {
					console.log ( 'change' );
                     //console.log('the event object '+e);
                     //console.log('the editor object '+ed);
                     //console.log('the content '+ed.getContent());
                  });
            },

Als je live veranderen wil moet je on('change' veranderen in on('keyup'

Donny Wie weet

17-03-2014 15:55

Maar dan moet je pijltje omhoog drukken om het te bekijken?

Mich

17-03-2014 15:56

on keyup is bij elke toetsaanslag. maar net waar jij het voor wilt gebruiken.
Een post zou ik niet met keyup doen, maar een preview bijvoorbeeld wel.

Donny Wie weet

17-03-2014 17:31

Merci :)

Toevallig ook bekend met keypress?

Mich

17-03-2014 18:26

Beetje. Gebruik het bijna nooit. Hooguit voor een tab o.i.d.
Wat is je vraag?

Reageren

Inloggen om te reageren