[Gelöst] wysiwyg (tinymce) field getcontent on change

[Author]

Artikel

[SteffenM1628]

Tell us what you are trying to do?
Hey there, i have a toolset wysiwyg field. Toolset uses the tinymce Rich Text Editor.
Now i am trying to get the html Content from the Editor, when the Editor is changed.
I have read the documentation of the tinymce and there are a lot of methods available.

I have tried this:

tinymce.activeEditor.isDirty(function(){            // tinymce.activeEditor (Gets the current active Editor) & isDirty() detects changes
  	var getContent = tinymce.activeEditor.getContent();         // gets the Content of the active editor
    console.log(getContent)
  });

Is there any documentation that you are following?
versteckter Link

Thanks for your help!

[Luo Yang]

Hello,

The activeEditor method works when there is only one tinymce editor, when there are multiple tinymce editors, you will need to specific the tinymce editor, for example:
https://stackoverflow.com/questions/16016250/how-to-get-tinymce-content-from-more-than-one-text-area

[SteffenM1628]

Hey Luo,

thanks for your reply. I do have only one editor on my site. But thanks for the hint.
1.)Could you tell me where can i find the id of toolset editor field?
2.) Could you help me assist to trigger a function when the editor fields text changed?

Like i said i tried the code above to get the content of the editor, every time when the editor text is changed.

Thank you so much!

[Luo Yang]

For example:

document.addEventListener('DOMContentLoaded', function(event) {
	window.tinyMCE.on( 'AddEditor' , function( event ) {
		var editor = event.editor;

		if( editor.id.startsWith( 'wpcf-' ) ) {
			console.log(editor.id); // tinyMCE ID
			editor.on( 'change', function() {
					var getContent = editor.getContent();         // gets the Content of the active editor
					console.log(getContent)
			} );
		};
	} );
});

For your reference

[SteffenM1628]

Hey Luo thanks for your reply. Works like charm.

Thanks a lot. But i found another problem with the wysiwyg field in toolset.
In the documentation of tinymce you find some plugins for the editor.
I would like to use the autolink plugin mentioned here: versteckter Link
I tried to use it correctly. I found this for wordpress:
https://codex.wordpress.org/TinyMCE

When i trying to use the autolink plugin i get an error in the frontend. Failed to load plugin (screenshot)
Thanks for your help.

Neue Threads, die von Luo Yang erstellt wurden und mit diesem verbunden sind, sind unten aufgeführt:

https://toolset.com/de/forums/topic/but-i-found-another-problem-with-the-wysiwyg-field-in-toolset/

[Luo Yang]

I assume the original question is resolved, according to our support policy, we prefer one ticket one question, for other new questions, please check the new thread here:
https://toolset.com/forums/topic/but-i-found-another-problem-with-the-wysiwyg-field-in-toolset/

[SteffenM1628]

My issue is resolved now. Thank you!