Merge pull request #118 from WordPress/tinymce-logger

Add logger to TinyMCE to test, learn and debug.

Author: ellatrix

shared/tinymce/logger.js

@@ -0,0 +1,20 @@
+// For testing, learning and debugging. Feel free to add.
+// See https://www.tinymce.com/docs/advanced/events/
+window.tinymce.PluginManager.add( 'logger', function( editor ) {
+	var types = {
+		selectionChange: 'fires when the selection changes.',
+		nodeChange: 'fires when the selection and the node changes. Use `event.element`.',
+		beforePastePreProcess: 'gives raw paste content before processing.',
+		pastePostProcess: 'gives paste content after processing. Use `event.node.innerHTML`.',
+		beforeSetContent: 'fires before content is set in the editor. Can be used for manipulation.',
+		setContent: 'fires after content is set in the editor.',
+		beforeExecCommand: 'fires before commands are executed.',
+		execCommand: 'fires after commands are executed.'
+	};
+
+	window.tinymce.each( types, function( info, type ) {
+		editor.on( type, function( event ) {
+			console.log( type, info, event );
+		} );
+	} );
+} );

tinymce/index.html

@@ -11,6 +11,7 @@
 			<p>Many entrepreneurs idolize Steve Jobs. He’s such a <a href="">perfectionist</a>, they say. Nothing leaves the doors of 1 Infinite Loop in Cupertino without a polish and finish that makes geeks everywhere drool. No compromise!</p>
 		</section>
 		<script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/4.5.3/tinymce.min.js"></script>
+		<script src="../shared/tinymce/logger.js"></script>
 		<script src="tinymce-config.js"></script>
 	</body>
 </html>

tinymce/tinymce-config.js

@@ -7,6 +7,7 @@ window.tinymce.init( {
 	keep_styles: false,
 	menubar: false,
 	object_resizing: false,
+	plugins: [ 'logger', 'paste' ],
 	schema: 'html5-strict',
 	selector: 'section',
 	theme: false,