matcha-components 20.238.0 → 20.239.0

package/assets/text-editor/css/suneditor.min.css

@@ -137,8 +137,8 @@
     --se-doc-info-inner-line-indent-h6: 2em;
     --se-edit-font-size: 16px;
     --se-edit-line-height: 1.5em;
-    --se-main-font-family: Helvetica Neue;
-    --se-content-font-family: Helvetica Neue;
+    --se-main-font-family: Sans serif;
+    --se-content-font-family: Sans serif;
     --se-main-font-size: 14px;
     --se-markdown-font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
     --se-codeview-font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;

package/fesm2022/matcha-components.mjs

@@ -14566,7 +14566,7 @@ const DEFAULT_OPTIONS = {
     showLink: true,
     showImage: true,
     showVideo: true,
-    showMarkdown: false,
+    showMarkdown: true,
     showFullScreen: true,
     showCodeView: true,
     addFont: [],
@@ -14584,6 +14584,7 @@ function buildSunEditorConfig(options = {}) {
         videoWidth: opts.videoX,
         videoHeight: opts.videoY,
         font: opts.addFont?.length ? opts.addFont.map(f => f.value) : undefined,
+        defaultStyle: 'font-family: Arial, sans-serif; font-size: 16px;',
     };
 }
 function _buildButtonList(opts) {
@@ -14608,6 +14609,7 @@ function _buildButtonList(opts) {
     const viewBtns = [
         ...(opts.showFullScreen ? ['fullScreen'] : []),
         ...(opts.showCodeView ? ['codeView'] : []),
+        ...(opts.showMarkdown ? ['markdownView'] : []),
     ];
     if (viewBtns.length)
         desktop.push('|', viewBtns);
@@ -14628,7 +14630,7 @@ function _buildButtonList(opts) {
                 '|',
                 ['table', 'link', 'image', 'video'],
                 '|',
-                ['fullScreen', 'codeView'],
+                ['fullScreen', 'codeView', 'markdownView'],
             ]],
         ['%768', [
                 ['undo', 'redo'],
@@ -14641,7 +14643,7 @@ function _buildButtonList(opts) {
                 '|',
                 [':Insert-default.more_plus', 'table', 'link', 'image', 'video'],
                 '|',
-                ['fullScreen', 'codeView'],
+                ['fullScreen', 'codeView', 'markdownView'],
             ]],
         ['%576', [
                 ['undo', 'redo'],
@@ -14651,7 +14653,7 @@ function _buildButtonList(opts) {
                 ['outdent', 'indent', 'align', 'list'],
                 '|',
                 [':Insert-default.more_plus', 'table', 'link', 'image', 'video'],
-                ['-right', 'fullScreen', 'codeView'],
+                ['-right', 'fullScreen', 'codeView', 'markdownView'],
             ]],
     ];
 }
@@ -14781,7 +14783,7 @@ class MatchaTextEditorComponent {
         const v = value || '';
         this._isSettingValue = true;
         if (this._editor) {
-            this._editor.setContents(v);
+            this._editor.html.set(v);
         }
         else {
             this._pendingValue = v;
@@ -14798,7 +14800,7 @@ class MatchaTextEditorComponent {
         this._disabled = isDisabled;
         if (!this._editor)
             return;
-        isDisabled ? this._editor.disabled() : this._editor.enabled();
+        isDisabled ? this._editor.toolbar.disable() : this._editor.toolbar.enable();
     }
     // Private
     _injectScript(id, url) {
@@ -14853,7 +14855,7 @@ class MatchaTextEditorComponent {
         await this._injectScript('suneditor-lang-ptbr', `${CDN_BASE}/langs/pt-br.js`);
     }
     _reloadEditor() {
-        const content = this._editor?.getContents() ?? '';
+        const content = this._editor?.html.get() ?? '';
         this._editor?.destroy();
         this._editor = null;
         this._pendingValue = content;
@@ -14893,7 +14895,7 @@ class MatchaTextEditorComponent {
             },
         });
         if (this._disabled) {
-            this._editor.disabled();
+            this._editor.toolbar.disable();
         }
         const sunEditorEl = this._el.nativeElement.querySelector('.sun-editor');
         if (sunEditorEl)
@@ -14901,7 +14903,7 @@ class MatchaTextEditorComponent {
         setTimeout(() => {
             if (this._pendingValue) {
                 this._isSettingValue = true;
-                this._editor.setContents(this._pendingValue);
+                this._editor.html.set(this._pendingValue);
                 this._pendingValue = '';
                 setTimeout(() => { this._isSettingValue = false; }, 0);
             }