@toast-ui/editor 3.1.8 → 3.2.0

package/dist/esm/i18n/ar.js

@@ -1,6 +1,6 @@
 /**
  * @toast-ui/editor : i18n
- * @version 3.1.8 | Tue Jul 12 2022
+ * @version 3.2.0 | Fri Aug 05 2022
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
  * @license MIT
  */

package/dist/esm/i18n/cs-cz.js

@@ -1,6 +1,6 @@
 /**
  * @toast-ui/editor : i18n
- * @version 3.1.8 | Tue Jul 12 2022
+ * @version 3.2.0 | Fri Aug 05 2022
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
  * @license MIT
  */

package/dist/esm/i18n/de-de.js

@@ -1,6 +1,6 @@
 /**
  * @toast-ui/editor : i18n
- * @version 3.1.8 | Tue Jul 12 2022
+ * @version 3.2.0 | Fri Aug 05 2022
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
  * @license MIT
  */

package/dist/esm/i18n/en-us.js

@@ -1,6 +1,6 @@
 /**
  * @toast-ui/editor : i18n
- * @version 3.1.8 | Tue Jul 12 2022
+ * @version 3.2.0 | Fri Aug 05 2022
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
  * @license MIT
  */

package/dist/esm/i18n/es-es.js

@@ -1,6 +1,6 @@
 /**
  * @toast-ui/editor : i18n
- * @version 3.1.8 | Tue Jul 12 2022
+ * @version 3.2.0 | Fri Aug 05 2022
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
  * @license MIT
  */

package/dist/esm/i18n/fi-fi.js

@@ -1,6 +1,6 @@
 /**
  * @toast-ui/editor : i18n
- * @version 3.1.8 | Tue Jul 12 2022
+ * @version 3.2.0 | Fri Aug 05 2022
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
  * @license MIT
  */

package/dist/esm/i18n/fr-fr.js

@@ -1,6 +1,6 @@
 /**
  * @toast-ui/editor : i18n
- * @version 3.1.8 | Tue Jul 12 2022
+ * @version 3.2.0 | Fri Aug 05 2022
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
  * @license MIT
  */

package/dist/esm/i18n/gl-es.js

@@ -1,6 +1,6 @@
 /**
  * @toast-ui/editor : i18n
- * @version 3.1.8 | Tue Jul 12 2022
+ * @version 3.2.0 | Fri Aug 05 2022
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
  * @license MIT
  */

package/dist/esm/i18n/hr-hr.js

@@ -1,6 +1,6 @@
 /**
  * @toast-ui/editor : i18n
- * @version 3.1.8 | Tue Jul 12 2022
+ * @version 3.2.0 | Fri Aug 05 2022
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
  * @license MIT
  */

package/dist/esm/i18n/i18n.js

@@ -1,6 +1,6 @@
 /**
  * @toast-ui/editor : i18n
- * @version 3.1.8 | Tue Jul 12 2022
+ * @version 3.2.0 | Fri Aug 05 2022
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
  * @license MIT
  */

package/dist/esm/i18n/it-it.js

@@ -1,6 +1,6 @@
 /**
  * @toast-ui/editor : i18n
- * @version 3.1.8 | Tue Jul 12 2022
+ * @version 3.2.0 | Fri Aug 05 2022
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
  * @license MIT
  */

package/dist/esm/i18n/ja-jp.js

@@ -1,6 +1,6 @@
 /**
  * @toast-ui/editor : i18n
- * @version 3.1.8 | Tue Jul 12 2022
+ * @version 3.2.0 | Fri Aug 05 2022
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
  * @license MIT
  */

package/dist/esm/i18n/ko-kr.js

@@ -1,6 +1,6 @@
 /**
  * @toast-ui/editor : i18n
- * @version 3.1.8 | Tue Jul 12 2022
+ * @version 3.2.0 | Fri Aug 05 2022
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
  * @license MIT
  */

package/dist/esm/i18n/nb-no.js

@@ -1,6 +1,6 @@
 /**
  * @toast-ui/editor : i18n
- * @version 3.1.8 | Tue Jul 12 2022
+ * @version 3.2.0 | Fri Aug 05 2022
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
  * @license MIT
  */

package/dist/esm/i18n/nl-nl.js

@@ -1,6 +1,6 @@
 /**
  * @toast-ui/editor : i18n
- * @version 3.1.8 | Tue Jul 12 2022
+ * @version 3.2.0 | Fri Aug 05 2022
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
  * @license MIT
  */

package/dist/esm/i18n/pl-pl.js

@@ -1,6 +1,6 @@
 /**
  * @toast-ui/editor : i18n
- * @version 3.1.8 | Tue Jul 12 2022
+ * @version 3.2.0 | Fri Aug 05 2022
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
  * @license MIT
  */

package/dist/esm/i18n/pt-br.js

@@ -1,6 +1,6 @@
 /**
  * @toast-ui/editor : i18n
- * @version 3.1.8 | Tue Jul 12 2022
+ * @version 3.2.0 | Fri Aug 05 2022
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
  * @license MIT
  */

package/dist/esm/i18n/ru-ru.js

@@ -1,6 +1,6 @@
 /**
  * @toast-ui/editor : i18n
- * @version 3.1.8 | Tue Jul 12 2022
+ * @version 3.2.0 | Fri Aug 05 2022
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
  * @license MIT
  */

package/dist/esm/i18n/sv-se.js

@@ -1,6 +1,6 @@
 /**
  * @toast-ui/editor : i18n
- * @version 3.1.8 | Tue Jul 12 2022
+ * @version 3.2.0 | Fri Aug 05 2022
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
  * @license MIT
  */

package/dist/esm/i18n/tr-tr.js

@@ -1,6 +1,6 @@
 /**
  * @toast-ui/editor : i18n
- * @version 3.1.8 | Tue Jul 12 2022
+ * @version 3.2.0 | Fri Aug 05 2022
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
  * @license MIT
  */

package/dist/esm/i18n/uk-ua.js

@@ -1,6 +1,6 @@
 /**
  * @toast-ui/editor : i18n
- * @version 3.1.8 | Tue Jul 12 2022
+ * @version 3.2.0 | Fri Aug 05 2022
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
  * @license MIT
  */

package/dist/esm/i18n/zh-cn.js

@@ -1,6 +1,6 @@
 /**
  * @toast-ui/editor : i18n
- * @version 3.1.8 | Tue Jul 12 2022
+ * @version 3.2.0 | Fri Aug 05 2022
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
  * @license MIT
  */

package/dist/esm/i18n/zh-tw.js

@@ -1,6 +1,6 @@
 /**
  * @toast-ui/editor : i18n
- * @version 3.1.8 | Tue Jul 12 2022
+ * @version 3.2.0 | Fri Aug 05 2022
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
  * @license MIT
  */

package/dist/esm/index.js

@@ -1,6 +1,6 @@
 /**
  * @toast-ui/editor
- * @version 3.1.8 | Tue Jul 12 2022
+ * @version 3.2.0 | Fri Aug 05 2022
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
  * @license MIT
  */
@@ -1537,6 +1537,14 @@ function replaceBRWithEmptyBlock(html) {
     });
     return replacedHTML;
 }
+function removeProseMirrorHackNodes(html) {
+    var reProseMirrorImage = /<img class="ProseMirror-separator" alt="">/g;
+    var reProseMirrorTrailingBreak = / class="ProseMirror-trailingBreak"/g;
+    var resultHTML = html;
+    resultHTML = resultHTML.replace(reProseMirrorImage, '');
+    resultHTML = resultHTML.replace(reProseMirrorTrailingBreak, '');
+    return resultHTML;
+}
 
 var pluginKey$1 = new PluginKey('widget');
 var MARGIN = 5;
@@ -15660,7 +15668,7 @@ var MarkdownPreview = /** @class */ (function () {
         return this.el;
     };
     MarkdownPreview.prototype.getHTML = function () {
-        return this.previewContent.innerHTML;
+        return removeProseMirrorHackNodes(this.previewContent.innerHTML);
     };
     MarkdownPreview.prototype.setHTML = function (html) {
         this.previewContent.innerHTML = html;
@@ -15748,7 +15756,7 @@ function getDefaultCustomAttrs() {
         classNames: { default: null },
     };
 }
-function getCustomAttrs(attrs) {
+function getCustomAttrs$1(attrs) {
     var htmlAttrs = attrs.htmlAttrs, classNames = attrs.classNames;
     return __assign$1(__assign$1({}, htmlAttrs), { class: classNames ? classNames.join(' ') : null });
 }
@@ -16338,10 +16346,14 @@ var CellSelection = /** @class */ (function (_super) {
             }
             var copiedRow = row.copy(Fragment.from(cells));
             var targetNode = isTableHeadCell ? tableHead : tableBody;
+            // @ts-ignore
             targetNode.content = targetNode.content.append(Fragment.from(copiedRow));
         }
         return new Slice(createTableFragment(tableHead, tableBody), 1, 1);
     };
+    CellSelection.prototype.toJSON = function () {
+        return JSON.stringify(this);
+    };
     return CellSelection;
 }(Selection));
 
@@ -17091,7 +17103,7 @@ var ImageView = /** @class */ (function () {
     ImageView.prototype.createImageElement = function (node) {
         var image = document.createElement('img');
         var _a = node.attrs, imageUrl = _a.imageUrl, altText = _a.altText;
-        var attrs = getCustomAttrs(node.attrs);
+        var attrs = getCustomAttrs$1(node.attrs);
         image.src = imageUrl;
         if (altText) {
             image.alt = altText;
@@ -17120,7 +17132,6 @@ var CODE_BLOCK_LANG_CLASS_NAME = 'toastui-editor-ww-code-block-language';
 var CodeBlockView = /** @class */ (function () {
     function CodeBlockView(node, view, getPos, eventEmitter) {
         var _this = this;
-        this.dom = null;
         this.contentDOM = null;
         this.input = null;
         this.timer = null;
@@ -17162,7 +17173,7 @@ var CodeBlockView = /** @class */ (function () {
         var pre = document.createElement('pre');
         var code = document.createElement('code');
         var language = this.node.attrs.language;
-        var attrs = getCustomAttrs(this.node.attrs);
+        var attrs = getCustomAttrs$1(this.node.attrs);
         if (language) {
             code.setAttribute('data-language', language);
         }
@@ -17743,7 +17754,7 @@ var Paragraph = /** @class */ (function (_super) {
                 parseDOM: [{ tag: 'p' }],
                 toDOM: function (_a) {
                     var attrs = _a.attrs;
-                    return ['p', getCustomAttrs(attrs), 0];
+                    return ['p', getCustomAttrs$1(attrs), 0];
                 },
             };
         },
@@ -17852,7 +17863,7 @@ var Heading = /** @class */ (function (_super) {
                 parseDOM: parseDOM,
                 toDOM: function (_a) {
                     var attrs = _a.attrs;
-                    return ["h" + attrs.level, getCustomAttrs(attrs), 0];
+                    return ["h" + attrs.level, getCustomAttrs$1(attrs), 0];
                 },
             };
         },
@@ -17904,7 +17915,7 @@ var CodeBlock = /** @class */ (function (_super) {
                     var attrs = _a.attrs;
                     return [
                         attrs.rawHTML || 'pre',
-                        ['code', __assign$1({ 'data-language': attrs.language }, getCustomAttrs(attrs)), 0],
+                        ['code', __assign$1({ 'data-language': attrs.language }, getCustomAttrs$1(attrs)), 0],
                     ];
                 },
             };
@@ -17973,7 +17984,7 @@ var BulletList = /** @class */ (function (_super) {
                 parseDOM: [createDOMInfoParsedRawHTML('ul')],
                 toDOM: function (_a) {
                     var attrs = _a.attrs;
-                    return ['ul', getCustomAttrs(attrs), 0];
+                    return ['ul', getCustomAttrs$1(attrs), 0];
                 },
             };
         },
@@ -18034,7 +18045,7 @@ var OrderedList = /** @class */ (function (_super) {
                     var attrs = _a.attrs;
                     return [
                         attrs.rawHTML || 'ol',
-                        __assign$1({ start: attrs.order === 1 ? null : attrs.order }, getCustomAttrs(attrs)),
+                        __assign$1({ start: attrs.order === 1 ? null : attrs.order }, getCustomAttrs$1(attrs)),
                         0,
                     ];
                 },
@@ -18172,7 +18183,7 @@ var BlockQuote = /** @class */ (function (_super) {
                 parseDOM: [createDOMInfoParsedRawHTML('blockquote')],
                 toDOM: function (_a) {
                     var attrs = _a.attrs;
-                    return ['blockquote', getCustomAttrs(attrs), 0];
+                    return ['blockquote', getCustomAttrs$1(attrs), 0];
                 },
             };
         },
@@ -18409,7 +18420,7 @@ var Table = /** @class */ (function (_super) {
                 parseDOM: [createDOMInfoParsedRawHTML('table')],
                 toDOM: function (_a) {
                     var attrs = _a.attrs;
-                    return ['table', getCustomAttrs(attrs), 0];
+                    return ['table', getCustomAttrs$1(attrs), 0];
                 },
             };
         },
@@ -18759,7 +18770,7 @@ var TableHead = /** @class */ (function (_super) {
                 parseDOM: [createDOMInfoParsedRawHTML('thead')],
                 toDOM: function (_a) {
                     var attrs = _a.attrs;
-                    return ['thead', getCustomAttrs(attrs), 0];
+                    return ['thead', getCustomAttrs$1(attrs), 0];
                 },
             };
         },
@@ -18802,7 +18813,7 @@ var TableBody = /** @class */ (function (_super) {
                 ],
                 toDOM: function (_a) {
                     var attrs = _a.attrs;
-                    return ['tbody', getCustomAttrs(attrs), 0];
+                    return ['tbody', getCustomAttrs$1(attrs), 0];
                 },
             };
         },
@@ -18844,7 +18855,7 @@ var TableRow = /** @class */ (function (_super) {
                 ],
                 toDOM: function (_a) {
                     var attrs = _a.attrs;
-                    return ['tr', getCustomAttrs(attrs), 0];
+                    return ['tr', getCustomAttrs$1(attrs), 0];
                 },
             };
         },
@@ -18876,7 +18887,7 @@ var TableHeadCell = /** @class */ (function (_super) {
                 toDOM: function (_a) {
                     var attrs = _a.attrs;
                     var cellAttrs = createCellAttrs(attrs);
-                    return ['th', __assign$1(__assign$1({}, cellAttrs), getCustomAttrs(attrs)), 0];
+                    return ['th', __assign$1(__assign$1({}, cellAttrs), getCustomAttrs$1(attrs)), 0];
                 },
             };
         },
@@ -18962,7 +18973,7 @@ var Image = /** @class */ (function (_super) {
                     var attrs = _a.attrs;
                     return [
                         attrs.rawHTML || 'img',
-                        __assign$1(__assign$1({ src: escapeXml$1(attrs.imageUrl) }, (attrs.altText && { alt: attrs.altText })), getCustomAttrs(attrs)),
+                        __assign$1(__assign$1({ src: escapeXml$1(attrs.imageUrl) }, (attrs.altText && { alt: attrs.altText })), getCustomAttrs$1(attrs)),
                     ];
                 },
             };
@@ -19012,7 +19023,7 @@ var ThematicBreak = /** @class */ (function (_super) {
                 selectable: false,
                 toDOM: function (_a) {
                     var attrs = _a.attrs;
-                    return ['div', getCustomAttrs(attrs), [attrs.rawHTML || 'hr']];
+                    return ['div', getCustomAttrs$1(attrs), [attrs.rawHTML || 'hr']];
                 },
             };
         },
@@ -19082,7 +19093,7 @@ var Strong = /** @class */ (function (_super) {
                 parseDOM: parseDOM,
                 toDOM: function (_a) {
                     var attrs = _a.attrs;
-                    return [attrs.rawHTML || 'strong', getCustomAttrs(attrs)];
+                    return [attrs.rawHTML || 'strong', getCustomAttrs$1(attrs)];
                 },
             };
         },
@@ -19133,7 +19144,7 @@ var Emph = /** @class */ (function (_super) {
                 parseDOM: parseDOM,
                 toDOM: function (_a) {
                     var attrs = _a.attrs;
-                    return [attrs.rawHTML || 'em', getCustomAttrs(attrs)];
+                    return [attrs.rawHTML || 'em', getCustomAttrs$1(attrs)];
                 },
             };
         },
@@ -19184,7 +19195,7 @@ var Strike = /** @class */ (function (_super) {
                 parseDOM: parseDOM,
                 toDOM: function (_a) {
                     var attrs = _a.attrs;
-                    return [attrs.rawHTML || 'del', getCustomAttrs(attrs)];
+                    return [attrs.rawHTML || 'del', getCustomAttrs$1(attrs)];
                 },
             };
         },
@@ -19311,7 +19322,7 @@ var Code = /** @class */ (function (_super) {
                 ],
                 toDOM: function (_a) {
                     var attrs = _a.attrs;
-                    return [attrs.rawHTML || 'code', getCustomAttrs(attrs)];
+                    return [attrs.rawHTML || 'code', getCustomAttrs$1(attrs)];
                 },
             };
         },
@@ -19629,7 +19640,7 @@ var WysiwygEditor = /** @class */ (function (_super) {
         return this.specs.commands(this.view, getWwCommands());
     };
     WysiwygEditor.prototype.getHTML = function () {
-        return this.view.dom.innerHTML;
+        return removeProseMirrorHackNodes(this.view.dom.innerHTML);
     };
     WysiwygEditor.prototype.getModel = function () {
         return this.view.state.doc;
@@ -21669,22 +21680,40 @@ var Convertor = /** @class */ (function () {
     return Convertor;
 }());
 
-function execPlugin(plugin, eventEmitter, usageStatistics) {
+function execPlugin(pluginInfo) {
+    var plugin = pluginInfo.plugin, eventEmitter = pluginInfo.eventEmitter, usageStatistics = pluginInfo.usageStatistics, instance = pluginInfo.instance;
     var pmState = { Plugin: Plugin, PluginKey: PluginKey, Selection: Selection, TextSelection: TextSelection };
     var pmView = { Decoration: Decoration, DecorationSet: DecorationSet };
     var pmModel = { Fragment: Fragment };
     var pmRules = { InputRule: InputRule, inputRules: inputRules, undoInputRule: undoInputRule };
-    var context = { eventEmitter: eventEmitter, usageStatistics: usageStatistics, pmState: pmState, pmView: pmView, pmModel: pmModel, pmRules: pmRules, i18n: i18n };
+    var pmKeymap = { keymap: keymap };
+    var context = {
+        eventEmitter: eventEmitter,
+        usageStatistics: usageStatistics,
+        instance: instance,
+        pmState: pmState,
+        pmView: pmView,
+        pmModel: pmModel,
+        pmRules: pmRules,
+        pmKeymap: pmKeymap,
+        i18n: i18n,
+    };
     if (isArray_1(plugin)) {
         var pluginFn = plugin[0], _a = plugin[1], options = _a === void 0 ? {} : _a;
         return pluginFn(context, options);
     }
     return plugin(context);
 }
-function getPluginInfo(plugins, eventEmitter, usageStatistics) {
+function getPluginInfo(pluginsInfo) {
+    var plugins = pluginsInfo.plugins, eventEmitter = pluginsInfo.eventEmitter, usageStatistics = pluginsInfo.usageStatistics, instance = pluginsInfo.instance;
     eventEmitter.listen('mixinTableOffsetMapPrototype', mixinTableOffsetMapPrototype);
     return (plugins !== null && plugins !== void 0 ? plugins : []).reduce(function (acc, plugin) {
-        var pluginInfoResult = execPlugin(plugin, eventEmitter, usageStatistics);
+        var pluginInfoResult = execPlugin({
+            plugin: plugin,
+            eventEmitter: eventEmitter,
+            usageStatistics: usageStatistics,
+            instance: instance,
+        });
         if (!pluginInfoResult) {
             throw new Error('The return value of the executed plugin is empty.');
         }
@@ -21776,7 +21805,12 @@ var ToastUIEditorViewer = /** @class */ (function () {
         }, options);
         this.eventEmitter = new EventEmitter();
         var linkAttributes = sanitizeLinkAttribute(this.options.linkAttributes);
-        var _a = getPluginInfo(this.options.plugins, this.eventEmitter, this.options.usageStatistics) || {}, toHTMLRenderers = _a.toHTMLRenderers, markdownParsers = _a.markdownParsers;
+        var _a = getPluginInfo({
+            plugins: this.options.plugins,
+            eventEmitter: this.eventEmitter,
+            usageStatistics: this.options.usageStatistics,
+            instance: this,
+        }) || {}, toHTMLRenderers = _a.toHTMLRenderers, markdownParsers = _a.markdownParsers;
         var _b = this.options, customHTMLRenderer = _b.customHTMLRenderer, extendedAutolinks = _b.extendedAutolinks, referenceDefinition = _b.referenceDefinition, frontMatter = _b.frontMatter, customHTMLSanitizer = _b.customHTMLSanitizer;
         var rendererOptions = {
             linkAttributes: linkAttributes,
@@ -22329,7 +22363,12 @@ var ToastUIEditorCore = /** @class */ (function () {
         this.eventEmitter = new EventEmitter();
         setWidgetRules(widgetRules);
         var linkAttributes = sanitizeLinkAttribute(this.options.linkAttributes);
-        this.pluginInfo = getPluginInfo(this.options.plugins, this.eventEmitter, this.options.usageStatistics);
+        this.pluginInfo = getPluginInfo({
+            plugins: this.options.plugins,
+            eventEmitter: this.eventEmitter,
+            usageStatistics: this.options.usageStatistics,
+            instance: this,
+        });
         var _b = this.pluginInfo, toHTMLRenderers = _b.toHTMLRenderers, toMarkdownRenderers = _b.toMarkdownRenderers, mdPlugins = _b.mdPlugins, wwPlugins = _b.wwPlugins, wwNodeViews = _b.wwNodeViews, mdCommands = _b.mdCommands, wwCommands = _b.wwCommands, markdownParsers = _b.markdownParsers;
         var rendererOptions = {
             linkAttributes: linkAttributes,
@@ -22583,7 +22622,7 @@ var ToastUIEditorCore = /** @class */ (function () {
                 _this.wwEditor.setModel(wwNode);
             }
         });
-        var html = this.wwEditor.view.dom.innerHTML;
+        var html = removeProseMirrorHackNodes(this.wwEditor.view.dom.innerHTML);
         if (this.placeholder) {
             var rePlaceholder = new RegExp("<span class=\"placeholder[^>]+>" + this.placeholder + "</span>", 'i');
             return html.replace(rePlaceholder, '');
@@ -22858,6 +22897,32 @@ var ToastUIEditorCore = /** @class */ (function () {
             wwEditor: this.wwEditor.getElement(),
         };
     };
+    /**
+     * Convert position to match editor mode
+     * @param {number|Array.<number>} start - start position
+     * @param {number|Array.<number>} end - end position
+     * @param {string} mode - Editor mode name of want to match converted position to
+     */
+    ToastUIEditorCore.prototype.convertPosToMatchEditorMode = function (start, end, mode) {
+        var _a, _b;
+        if (end === void 0) { end = start; }
+        if (mode === void 0) { mode = this.mode; }
+        var doc = this.mdEditor.view.state.doc;
+        var isFromArray = Array.isArray(start);
+        var isToArray = Array.isArray(end);
+        var convertedFrom = start;
+        var convertedTo = end;
+        if (isFromArray !== isToArray) {
+            throw new Error('Types of arguments must be same');
+        }
+        if (mode === 'markdown' && !isFromArray && !isToArray) {
+            _a = getEditorToMdPos(doc, start, end), convertedFrom = _a[0], convertedTo = _a[1];
+        }
+        else if (mode === 'wysiwyg' && isFromArray && isToArray) {
+            _b = getMdToEditorPos(doc, start, end), convertedFrom = _b[0], convertedTo = _b[1];
+        }
+        return [convertedFrom, convertedTo];
+    };
     return ToastUIEditorCore;
 }());
 

package/dist/esm/indexViewer.js

@@ -1,6 +1,6 @@
 /**
  * @toast-ui/editor : viewer
- * @version 3.1.8 | Tue Jul 12 2022
+ * @version 3.2.0 | Fri Aug 05 2022
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
  * @license MIT
  */
@@ -8,6 +8,7 @@
 import { Plugin, PluginKey, Selection, TextSelection } from 'prosemirror-state';
 import { InputRule, inputRules, undoInputRule } from 'prosemirror-inputrules';
 import { Decoration, DecorationSet } from 'prosemirror-view';
+import { keymap } from 'prosemirror-keymap';
 import { Fragment } from 'prosemirror-model';
 
 /*! *****************************************************************************
@@ -10020,6 +10021,14 @@ function createElementWith(contents, target) {
     }
     return firstChild;
 }
+function removeProseMirrorHackNodes(html) {
+    var reProseMirrorImage = /<img class="ProseMirror-separator" alt="">/g;
+    var reProseMirrorTrailingBreak = / class="ProseMirror-trailingBreak"/g;
+    var resultHTML = html;
+    resultHTML = resultHTML.replace(reProseMirrorImage, '');
+    resultHTML = resultHTML.replace(reProseMirrorTrailingBreak, '');
+    return resultHTML;
+}
 
 /**
  * @fileoverview Check whether the given variable is a function or not.
@@ -11911,7 +11920,7 @@ var MarkdownPreview = /** @class */ (function () {
         return this.el;
     };
     MarkdownPreview.prototype.getHTML = function () {
-        return this.previewContent.innerHTML;
+        return removeProseMirrorHackNodes(this.previewContent.innerHTML);
     };
     MarkdownPreview.prototype.setHTML = function (html) {
         this.previewContent.innerHTML = html;
@@ -12224,22 +12233,40 @@ function mixinTableOffsetMapPrototype(offsetMapMixin, createOffsetMapMixin) {
     return TableOffsetMap;
 }
 
-function execPlugin(plugin, eventEmitter, usageStatistics) {
+function execPlugin(pluginInfo) {
+    var plugin = pluginInfo.plugin, eventEmitter = pluginInfo.eventEmitter, usageStatistics = pluginInfo.usageStatistics, instance = pluginInfo.instance;
     var pmState = { Plugin: Plugin, PluginKey: PluginKey, Selection: Selection, TextSelection: TextSelection };
     var pmView = { Decoration: Decoration, DecorationSet: DecorationSet };
     var pmModel = { Fragment: Fragment };
     var pmRules = { InputRule: InputRule, inputRules: inputRules, undoInputRule: undoInputRule };
-    var context = { eventEmitter: eventEmitter, usageStatistics: usageStatistics, pmState: pmState, pmView: pmView, pmModel: pmModel, pmRules: pmRules, i18n: i18n };
+    var pmKeymap = { keymap: keymap };
+    var context = {
+        eventEmitter: eventEmitter,
+        usageStatistics: usageStatistics,
+        instance: instance,
+        pmState: pmState,
+        pmView: pmView,
+        pmModel: pmModel,
+        pmRules: pmRules,
+        pmKeymap: pmKeymap,
+        i18n: i18n,
+    };
     if (isArray_1(plugin)) {
         var pluginFn = plugin[0], _a = plugin[1], options = _a === void 0 ? {} : _a;
         return pluginFn(context, options);
     }
     return plugin(context);
 }
-function getPluginInfo(plugins, eventEmitter, usageStatistics) {
+function getPluginInfo(pluginsInfo) {
+    var plugins = pluginsInfo.plugins, eventEmitter = pluginsInfo.eventEmitter, usageStatistics = pluginsInfo.usageStatistics, instance = pluginsInfo.instance;
     eventEmitter.listen('mixinTableOffsetMapPrototype', mixinTableOffsetMapPrototype);
     return (plugins !== null && plugins !== void 0 ? plugins : []).reduce(function (acc, plugin) {
-        var pluginInfoResult = execPlugin(plugin, eventEmitter, usageStatistics);
+        var pluginInfoResult = execPlugin({
+            plugin: plugin,
+            eventEmitter: eventEmitter,
+            usageStatistics: usageStatistics,
+            instance: instance,
+        });
         if (!pluginInfoResult) {
             throw new Error('The return value of the executed plugin is empty.');
         }
@@ -12621,7 +12648,12 @@ var ToastUIEditorViewer = /** @class */ (function () {
         }, options);
         this.eventEmitter = new EventEmitter();
         var linkAttributes = sanitizeLinkAttribute(this.options.linkAttributes);
-        var _a = getPluginInfo(this.options.plugins, this.eventEmitter, this.options.usageStatistics) || {}, toHTMLRenderers = _a.toHTMLRenderers, markdownParsers = _a.markdownParsers;
+        var _a = getPluginInfo({
+            plugins: this.options.plugins,
+            eventEmitter: this.eventEmitter,
+            usageStatistics: this.options.usageStatistics,
+            instance: this,
+        }) || {}, toHTMLRenderers = _a.toHTMLRenderers, markdownParsers = _a.markdownParsers;
         var _b = this.options, customHTMLRenderer = _b.customHTMLRenderer, extendedAutolinks = _b.extendedAutolinks, referenceDefinition = _b.referenceDefinition, frontMatter = _b.frontMatter, customHTMLSanitizer = _b.customHTMLSanitizer;
         var rendererOptions = {
             linkAttributes: linkAttributes,