diff src/test/tiny.html @ 24:fccbe5554fcc

tinymce work
author Franklin Schmidt <fschmidt@gmail.com>
date Tue, 19 Jul 2022 22:07:02 -0600
parents cdcd1b70c15e
children 0837820b97fb
line wrap: on
line diff
--- a/src/test/tiny.html	Mon Jul 18 23:50:48 2022 -0600
+++ b/src/test/tiny.html	Tue Jul 19 22:07:02 2022 -0600
@@ -2,7 +2,7 @@
 <html>
 	<head>
 		<meta name="viewport" content="width=device-width, initial-scale=1">
-		<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/6/tinymce.min.js" referrerpolicy="origin"></script>
+		<script src="http://tinymce.luan.software/tinymce.min.js" xreferrerpolicy="origin"></script>
 		<style>
 		</style>
 		<script>
@@ -29,17 +29,41 @@
 				resolve({ html: html });
 			}
 
+
 			function tinymceSetup(editor) {
-				editor.ui.registry.addButton('styleCode', {
-					text: 'code',
-					onAction: () => alert('Button clicked!')
+
+				editor.ui.registry.addToggleButton('styleCode', {
+					//text: 'code',
+					icon: 'sourcecode',
+					tooltip: 'Code',
+					onAction: function(api) {
+						editor.execCommand('mceToggleFormat', false, 'code')
+						//api.setActive( !api.isActive() );
+					},
+					onSetup: function(api) {
+						api.setActive(editor.formatter.match('code'));
+						let changed = editor.formatter.formatChanged('code', api.setActive);
+						return function() { changed.unbind(); };
+					}
+				});
+
+				editor.ui.registry.addMenuButton('styleText', {
+					icon: 'format',
+					tooltip: 'Text',
+					fetch: function(callback) {
+						callback([
+							'fontsize',
+							'forecolor',
+						])
+					}
 				});
 			}
 
 			tinymce.init({
 				selector: 'textarea',
 				setup: tinymceSetup,
-				plugins: ['link', 'image', 'media', 'lists'],
+				toolbar: 'link image media | styleCode bold italic underline strikethrough superscript styleText | blockquote numlist bullist',
+				plugins: ['link', 'image', 'media', 'lists', 'code'],
 				link_target_list: false,
 				link_title: false,
 				image_description: false,
@@ -53,7 +77,6 @@
 				text_patterns: false,
 				content_style: 'img {max-width: 500px;}',
 				//newline_behavior: 'linebreak',
-				toolbar: 'link image media | styleCode bold | numlist bullist',
 				extended_valid_elements: 'b,i',
 				formats: {
 					bold: { inline: 'b' },