MDL-75078 editor_tiny: Hola TinyMCE 6

Part of MDL-75966 This commit adds TinyMCE version 6.1 into Moodle core. A basic editor implementation is included, along with Moodle loader, and basic Plugin API for Moodle. The Plugin API will be extended and improved in future changes. A new subplugin is defined for this plugin.
2022-11-10 19:51:45 +08:00
parent 5877ae306e
commit 71d30542ae
167 changed files with 110419 additions and 1 deletions
@@ -0,0 +1,96 @@
+/**
+ * TinyMCE version 6.2.0 (2022-09-08)
+ */
+
+(function () {
+    'use strict';
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.Env');
+
+    var global = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    const option = name => editor => editor.options.get(name);
+    const getContentStyle = option('content_style');
+    const shouldUseContentCssCors = option('content_css_cors');
+    const getBodyClass = option('body_class');
+    const getBodyId = option('body_id');
+
+    const getPreviewHtml = editor => {
+      let headHtml = '';
+      const encode = editor.dom.encode;
+      const contentStyle = getContentStyle(editor) ?? '';
+      headHtml += '<base href="' + encode(editor.documentBaseURI.getURI()) + '">';
+      const cors = shouldUseContentCssCors(editor) ? ' crossorigin="anonymous"' : '';
+      global.each(editor.contentCSS, url => {
+        headHtml += '<link type="text/css" rel="stylesheet" href="' + encode(editor.documentBaseURI.toAbsolute(url)) + '"' + cors + '>';
+      });
+      if (contentStyle) {
+        headHtml += '<style type="text/css">' + contentStyle + '</style>';
+      }
+      const bodyId = getBodyId(editor);
+      const bodyClass = getBodyClass(editor);
+      const isMetaKeyPressed = global$1.os.isMacOS() || global$1.os.isiOS() ? 'e.metaKey' : 'e.ctrlKey && !e.altKey';
+      const preventClicksOnLinksScript = '<script>' + 'document.addEventListener && document.addEventListener("click", function(e) {' + 'for (var elm = e.target; elm; elm = elm.parentNode) {' + 'if (elm.nodeName === "A" && !(' + isMetaKeyPressed + ')) {' + 'e.preventDefault();' + '}' + '}' + '}, false);' + '</script> ';
+      const directionality = editor.getBody().dir;
+      const dirAttr = directionality ? ' dir="' + encode(directionality) + '"' : '';
+      const previewHtml = '<!DOCTYPE html>' + '<html>' + '<head>' + headHtml + '</head>' + '<body id="' + encode(bodyId) + '" class="mce-content-body ' + encode(bodyClass) + '"' + dirAttr + '>' + editor.getContent() + preventClicksOnLinksScript + '</body>' + '</html>';
+      return previewHtml;
+    };
+
+    const open = editor => {
+      const content = getPreviewHtml(editor);
+      const dataApi = editor.windowManager.open({
+        title: 'Preview',
+        size: 'large',
+        body: {
+          type: 'panel',
+          items: [{
+              name: 'preview',
+              type: 'iframe',
+              sandboxed: true,
+              transparent: false
+            }]
+        },
+        buttons: [{
+            type: 'cancel',
+            name: 'close',
+            text: 'Close',
+            primary: true
+          }],
+        initialData: { preview: content }
+      });
+      dataApi.focus('close');
+    };
+
+    const register$1 = editor => {
+      editor.addCommand('mcePreview', () => {
+        open(editor);
+      });
+    };
+
+    const register = editor => {
+      const onAction = () => editor.execCommand('mcePreview');
+      editor.ui.registry.addButton('preview', {
+        icon: 'preview',
+        tooltip: 'Preview',
+        onAction
+      });
+      editor.ui.registry.addMenuItem('preview', {
+        icon: 'preview',
+        text: 'Preview',
+        onAction
+      });
+    };
+
+    var Plugin = () => {
+      global$2.add('preview', editor => {
+        register$1(editor);
+        register(editor);
+      });
+    };
+
+    Plugin();
+
+})();
@@ -0,0 +1,4 @@
+/**
+ * TinyMCE version 6.2.0 (2022-09-08)
+ */
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager"),t=tinymce.util.Tools.resolve("tinymce.Env"),o=tinymce.util.Tools.resolve("tinymce.util.Tools");const n=e=>t=>t.options.get(e),i=n("content_style"),s=n("content_css_cors"),c=n("body_class"),r=n("body_id");e.add("preview",(e=>{(e=>{e.addCommand("mcePreview",(()=>{(e=>{const n=(e=>{let n="";const a=e.dom.encode,l=i(e)??"";n+='<base href="'+a(e.documentBaseURI.getURI())+'">';const d=s(e)?' crossorigin="anonymous"':"";o.each(e.contentCSS,(t=>{n+='<link type="text/css" rel="stylesheet" href="'+a(e.documentBaseURI.toAbsolute(t))+'"'+d+">"})),l&&(n+='<style type="text/css">'+l+"</style>");const m=r(e),y=c(e),p='<script>document.addEventListener && document.addEventListener("click", function(e) {for (var elm = e.target; elm; elm = elm.parentNode) {if (elm.nodeName === "A" && !('+(t.os.isMacOS()||t.os.isiOS()?"e.metaKey":"e.ctrlKey && !e.altKey")+")) {e.preventDefault();}}}, false);<\/script> ",u=e.getBody().dir,v=u?' dir="'+a(u)+'"':"";return"<!DOCTYPE html><html><head>"+n+'</head><body id="'+a(m)+'" class="mce-content-body '+a(y)+'"'+v+">"+e.getContent()+p+"</body></html>"})(e);e.windowManager.open({title:"Preview",size:"large",body:{type:"panel",items:[{name:"preview",type:"iframe",sandboxed:!0,transparent:!1}]},buttons:[{type:"cancel",name:"close",text:"Close",primary:!0}],initialData:{preview:n}}).focus("close")})(e)}))})(e),(e=>{const t=()=>e.execCommand("mcePreview");e.ui.registry.addButton("preview",{icon:"preview",tooltip:"Preview",onAction:t}),e.ui.registry.addMenuItem("preview",{icon:"preview",text:"Preview",onAction:t})})(e)}))}();