pxx-vue-quill 1.0.97 → 1.0.99

package/dist/vue-quill.umd.js

@@ -7,7 +7,7 @@
  * 
  * Copyright (c) 2025 Pxx-Team
  * Released under the MIT license
- * Date: 2025-09-09T02:34:04.777Z
+ * Date: 2025-09-10T01:59:09.315Z
  */
 (function (global, factory) {
             typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -18444,7 +18444,7 @@
                 full: [
                     ['bold', 'italic', 'underline'],
                     [{ color: [] }],
-                    ['link'],
+                    ['customLink'],
                     [{ list: 'ordered' }, { list: 'bullet' }],
                     ['image'],
                     ['undo', 'redo'],
@@ -18517,8 +18517,9 @@
                             ]),
                             vue.h('span', { class: 'ql-formats' }, [
                                 vue.h('button', {
-                                    class: 'ql-link',
-                                    type: 'button'
+                                    class: 'ql-customLink',
+                                    type: 'button',
+                                    onClick: () => emit('toolClick', 'customLink')
                                 }, '')
                             ]),
                             vue.h('span', { class: 'ql-formats' }, [
@@ -18590,6 +18591,80 @@
                 }
             });
 
+            const CustomLink = vue.defineComponent({
+                name: 'CustomLink',
+                props: {
+                    visible: {
+                        type: Boolean,
+                        default: false
+                    },
+                    position: {
+                        type: Object,
+                        default: () => ({ top: 0, left: 0 })
+                    },
+                    linkUrl: {
+                        type: String,
+                        default: ''
+                    },
+                    linkText: {
+                        type: String,
+                        default: ''
+                    }
+                },
+                emits: ['save', 'update:linkUrl', 'update:linkText'],
+                setup(props, { emit }) {
+                    const localLinkUrl = vue.computed({
+                        get() {
+                            return props.linkUrl;
+                        },
+                        set(val) {
+                            emit('update:linkUrl', val);
+                        },
+                    });
+                    const localLinkText = vue.computed({
+                        get() {
+                            return props.linkText;
+                        },
+                        set(val) {
+                            emit('update:linkText', val);
+                        },
+                    });
+                    const handleSave = () => {
+                        emit('save', {
+                            url: localLinkUrl.value,
+                            text: localLinkText.value
+                        });
+                    };
+                    return () => {
+                        if (!props.visible)
+                            return null;
+                        return vue.h('div', {
+                            class: 'ql-custom-link',
+                            style: {
+                                top: `${props.position.top}px`,
+                                left: `${props.position.left}px`,
+                            },
+                            onClick: (event) => {
+                                event.stopPropagation();
+                            }
+                        }, [
+                            vue.h('input', {
+                                type: 'text',
+                                value: localLinkUrl.value,
+                                placeholder: '请输入链接',
+                                onInput: (e) => {
+                                    localLinkUrl.value = e.target.value;
+                                }
+                            }),
+                            vue.h('button', {
+                                class: 'custom-link-btn',
+                                onClick: handleSave
+                            }, '确定'),
+                        ]);
+                    };
+                }
+            });
+
             var dist = {};
 
             var Options = {};
@@ -18918,11 +18993,11 @@
               value: true
             });
 
-            var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+            var _createClass$1 = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
             function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-            function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+            function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
             var LEFT_ALIGN = 'left';
             var CENTER_ALIGN = 'center';
@@ -18933,7 +19008,7 @@
                 var _this = this,
                     _alignments;
 
-                _classCallCheck(this, DefaultAligner);
+                _classCallCheck$1(this, DefaultAligner);
 
                 this.applyStyle = options.aligner.applyStyle;
                 this.alignAttribute = options.attribute;
@@ -18961,7 +19036,7 @@
                 }), _alignments);
               }
 
-              _createClass(DefaultAligner, [{
+              _createClass$1(DefaultAligner, [{
                 key: 'getAlignments',
                 value: function getAlignments() {
                   var _this2 = this;
@@ -19264,190 +19339,182 @@
             	return AlignAction;
             }
 
-            var ResizeAction = {};
-
-            var hasRequiredResizeAction;
+            var ResizeAction$1 = {};
 
-            function requireResizeAction () {
-            	if (hasRequiredResizeAction) return ResizeAction;
-            	hasRequiredResizeAction = 1;
-
-            	Object.defineProperty(ResizeAction, "__esModule", {
-            	  value: true
-            	});
+            Object.defineProperty(ResizeAction$1, "__esModule", {
+              value: true
+            });
 
-            	var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+            var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-            	var _Action2 = requireAction();
+            var _Action2 = requireAction();
 
-            	var _Action3 = _interopRequireDefault(_Action2);
+            var _Action3 = _interopRequireDefault(_Action2);
 
-            	var _BlotFormatter = requireBlotFormatter();
+            var _BlotFormatter = requireBlotFormatter();
 
-            	_interopRequireDefault(_BlotFormatter);
+            _interopRequireDefault(_BlotFormatter);
 
-            	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+            function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-            	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+            function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-            	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+            function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
 
-            	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+            function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 
-            	var ResizeAction$1 = function (_Action) {
-            	  _inherits(ResizeAction, _Action);
+            var ResizeAction = function (_Action) {
+              _inherits(ResizeAction, _Action);
 
-            	  function ResizeAction(formatter) {
-            	    _classCallCheck(this, ResizeAction);
+              function ResizeAction(formatter) {
+                _classCallCheck(this, ResizeAction);
 
-            	    var _this = _possibleConstructorReturn(this, (ResizeAction.__proto__ || Object.getPrototypeOf(ResizeAction)).call(this, formatter));
+                var _this = _possibleConstructorReturn(this, (ResizeAction.__proto__ || Object.getPrototypeOf(ResizeAction)).call(this, formatter));
 
-            	    _this.onMouseDown = function (event) {
-            	      if (!(event.target instanceof HTMLElement)) {
-            	        return;
-            	      }
-            	      _this.dragHandle = event.target;
-            	      _this.setCursor(_this.dragHandle.style.cursor);
+                _this.onMouseDown = function (event) {
+                  if (!(event.target instanceof HTMLElement)) {
+                    return;
+                  }
+                  _this.dragHandle = event.target;
+                  _this.setCursor(_this.dragHandle.style.cursor);
 
-            	      if (!_this.formatter.currentSpec) {
-            	        return;
-            	      }
+                  if (!_this.formatter.currentSpec) {
+                    return;
+                  }
 
-            	      var target = _this.formatter.currentSpec.getTargetElement();
-            	      if (!target) {
-            	        return;
-            	      }
+                  var target = _this.formatter.currentSpec.getTargetElement();
+                  if (!target) {
+                    return;
+                  }
 
-            	      var rect = target.getBoundingClientRect();
+                  var rect = target.getBoundingClientRect();
 
-            	      _this.dragStartX = event.clientX;
-            	      _this.preDragWidth = rect.width;
-            	      _this.targetRatio = rect.height / rect.width;
+                  _this.dragStartX = event.clientX;
+                  _this.preDragWidth = rect.width;
+                  _this.targetRatio = rect.height / rect.width;
 
-            	      document.addEventListener('mousemove', _this.onDrag);
-            	      document.addEventListener('mouseup', _this.onMouseUp);
-            	    };
+                  document.addEventListener('mousemove', _this.onDrag);
+                  document.addEventListener('mouseup', _this.onMouseUp);
+                };
 
-            	    _this.onDrag = function (event) {
-            	      if (!_this.formatter.currentSpec) {
-            	        return;
-            	      }
+                _this.onDrag = function (event) {
+                  if (!_this.formatter.currentSpec) {
+                    return;
+                  }
 
-            	      var target = _this.formatter.currentSpec.getTargetElement();
-            	      if (!target) {
-            	        return;
-            	      }
+                  var target = _this.formatter.currentSpec.getTargetElement();
+                  if (!target) {
+                    return;
+                  }
 
-            	      var deltaX = event.clientX - _this.dragStartX;
-            	      var newWidth = 0;
+                  var deltaX = event.clientX - _this.dragStartX;
+                  var newWidth = 0;
 
-            	      if (_this.dragHandle === _this.topLeftHandle || _this.dragHandle === _this.bottomLeftHandle) {
-            	        newWidth = Math.round(_this.preDragWidth - deltaX);
-            	      } else {
-            	        newWidth = Math.round(_this.preDragWidth + deltaX);
-            	      }
+                  if (_this.dragHandle === _this.topLeftHandle || _this.dragHandle === _this.bottomLeftHandle) {
+                    newWidth = Math.round(_this.preDragWidth - deltaX);
+                  } else {
+                    newWidth = Math.round(_this.preDragWidth + deltaX);
+                  }
 
-            	      var newHeight = _this.targetRatio * newWidth;
+                  var newHeight = _this.targetRatio * newWidth;
 
-            	      target.setAttribute('width', '' + newWidth);
-            	      target.setAttribute('height', '' + newHeight);
+                  target.setAttribute('width', '' + newWidth);
+                  target.setAttribute('height', '' + newHeight);
 
-            	      _this.formatter.update();
-            	    };
+                  _this.formatter.update();
+                };
 
-            	    _this.onMouseUp = function () {
-            	      _this.setCursor('');
-            	      document.removeEventListener('mousemove', _this.onDrag);
-            	      document.removeEventListener('mouseup', _this.onMouseUp);
-            	    };
+                _this.onMouseUp = function () {
+                  _this.setCursor('');
+                  document.removeEventListener('mousemove', _this.onDrag);
+                  document.removeEventListener('mouseup', _this.onMouseUp);
+                };
 
-            	    _this.topLeftHandle = _this.createHandle('top-left', 'nwse-resize');
-            	    _this.topRightHandle = _this.createHandle('top-right', 'nesw-resize');
-            	    _this.bottomRightHandle = _this.createHandle('bottom-right', 'nwse-resize');
-            	    _this.bottomLeftHandle = _this.createHandle('bottom-left', 'nesw-resize');
-            	    _this.dragHandle = null;
-            	    _this.dragStartX = 0;
-            	    _this.preDragWidth = 0;
-            	    _this.targetRatio = 0;
-            	    return _this;
-            	  }
+                _this.topLeftHandle = _this.createHandle('top-left', 'nwse-resize');
+                _this.topRightHandle = _this.createHandle('top-right', 'nesw-resize');
+                _this.bottomRightHandle = _this.createHandle('bottom-right', 'nwse-resize');
+                _this.bottomLeftHandle = _this.createHandle('bottom-left', 'nesw-resize');
+                _this.dragHandle = null;
+                _this.dragStartX = 0;
+                _this.preDragWidth = 0;
+                _this.targetRatio = 0;
+                return _this;
+              }
 
-            	  _createClass(ResizeAction, [{
-            	    key: 'onCreate',
-            	    value: function onCreate() {
-            	      this.formatter.overlay.appendChild(this.topLeftHandle);
-            	      this.formatter.overlay.appendChild(this.topRightHandle);
-            	      this.formatter.overlay.appendChild(this.bottomRightHandle);
-            	      this.formatter.overlay.appendChild(this.bottomLeftHandle);
+              _createClass(ResizeAction, [{
+                key: 'onCreate',
+                value: function onCreate() {
+                  this.formatter.overlay.appendChild(this.topLeftHandle);
+                  this.formatter.overlay.appendChild(this.topRightHandle);
+                  this.formatter.overlay.appendChild(this.bottomRightHandle);
+                  this.formatter.overlay.appendChild(this.bottomLeftHandle);
 
-            	      this.repositionHandles(this.formatter.options.resize.handleStyle);
-            	    }
-            	  }, {
-            	    key: 'onDestroy',
-            	    value: function onDestroy() {
-            	      this.setCursor('');
-            	      this.formatter.overlay.removeChild(this.topLeftHandle);
-            	      this.formatter.overlay.removeChild(this.topRightHandle);
-            	      this.formatter.overlay.removeChild(this.bottomRightHandle);
-            	      this.formatter.overlay.removeChild(this.bottomLeftHandle);
-            	    }
-            	  }, {
-            	    key: 'createHandle',
-            	    value: function createHandle(position, cursor) {
-            	      var box = document.createElement('div');
-            	      box.classList.add(this.formatter.options.resize.handleClassName);
-            	      box.setAttribute('data-position', position);
-            	      box.style.cursor = cursor;
-
-            	      if (this.formatter.options.resize.handleStyle) {
-            	        Object.assign(box.style, this.formatter.options.resize.handleStyle);
-            	      }
+                  this.repositionHandles(this.formatter.options.resize.handleStyle);
+                }
+              }, {
+                key: 'onDestroy',
+                value: function onDestroy() {
+                  this.setCursor('');
+                  this.formatter.overlay.removeChild(this.topLeftHandle);
+                  this.formatter.overlay.removeChild(this.topRightHandle);
+                  this.formatter.overlay.removeChild(this.bottomRightHandle);
+                  this.formatter.overlay.removeChild(this.bottomLeftHandle);
+                }
+              }, {
+                key: 'createHandle',
+                value: function createHandle(position, cursor) {
+                  var box = document.createElement('div');
+                  box.classList.add(this.formatter.options.resize.handleClassName);
+                  box.setAttribute('data-position', position);
+                  box.style.cursor = cursor;
+
+                  if (this.formatter.options.resize.handleStyle) {
+                    Object.assign(box.style, this.formatter.options.resize.handleStyle);
+                  }
 
-            	      box.addEventListener('mousedown', this.onMouseDown);
+                  box.addEventListener('mousedown', this.onMouseDown);
 
-            	      return box;
-            	    }
-            	  }, {
-            	    key: 'repositionHandles',
-            	    value: function repositionHandles(handleStyle) {
-            	      var handleXOffset = '0px';
-            	      var handleYOffset = '0px';
-            	      if (handleStyle) {
-            	        if (handleStyle.width) {
-            	          handleXOffset = -parseFloat(handleStyle.width) / 2 + 'px';
-            	        }
-            	        if (handleStyle.height) {
-            	          handleYOffset = -parseFloat(handleStyle.height) / 2 + 'px';
-            	        }
-            	      }
+                  return box;
+                }
+              }, {
+                key: 'repositionHandles',
+                value: function repositionHandles(handleStyle) {
+                  var handleXOffset = '0px';
+                  var handleYOffset = '0px';
+                  if (handleStyle) {
+                    if (handleStyle.width) {
+                      handleXOffset = -parseFloat(handleStyle.width) / 2 + 'px';
+                    }
+                    if (handleStyle.height) {
+                      handleYOffset = -parseFloat(handleStyle.height) / 2 + 'px';
+                    }
+                  }
 
-            	      Object.assign(this.topLeftHandle.style, { left: handleXOffset, top: handleYOffset });
-            	      Object.assign(this.topRightHandle.style, { right: handleXOffset, top: handleYOffset });
-            	      Object.assign(this.bottomRightHandle.style, { right: handleXOffset, bottom: handleYOffset });
-            	      Object.assign(this.bottomLeftHandle.style, { left: handleXOffset, bottom: handleYOffset });
-            	    }
-            	  }, {
-            	    key: 'setCursor',
-            	    value: function setCursor(value) {
-            	      if (document.body) {
-            	        document.body.style.cursor = value;
-            	      }
+                  Object.assign(this.topLeftHandle.style, { left: handleXOffset, top: handleYOffset });
+                  Object.assign(this.topRightHandle.style, { right: handleXOffset, top: handleYOffset });
+                  Object.assign(this.bottomRightHandle.style, { right: handleXOffset, bottom: handleYOffset });
+                  Object.assign(this.bottomLeftHandle.style, { left: handleXOffset, bottom: handleYOffset });
+                }
+              }, {
+                key: 'setCursor',
+                value: function setCursor(value) {
+                  if (document.body) {
+                    document.body.style.cursor = value;
+                  }
 
-            	      if (this.formatter.currentSpec) {
-            	        var target = this.formatter.currentSpec.getOverlayElement();
-            	        if (target) {
-            	          target.style.cursor = value;
-            	        }
-            	      }
-            	    }
-            	  }]);
+                  if (this.formatter.currentSpec) {
+                    var target = this.formatter.currentSpec.getOverlayElement();
+                    if (target) {
+                      target.style.cursor = value;
+                    }
+                  }
+                }
+              }]);
 
-            	  return ResizeAction;
-            	}(_Action3.default);
+              return ResizeAction;
+            }(_Action3.default);
 
-            	ResizeAction.default = ResizeAction$1;
-            	return ResizeAction;
-            }
+            ResizeAction$1.default = ResizeAction;
 
             var DeleteAction = {};
 
@@ -19554,7 +19621,7 @@
 
             	var _AlignAction2 = _interopRequireDefault(_AlignAction);
 
-            	var _ResizeAction = requireResizeAction();
+            	var _ResizeAction = ResizeAction$1;
 
             	var _ResizeAction2 = _interopRequireDefault(_ResizeAction);
 
@@ -20047,7 +20114,7 @@
             	  }
             	});
 
-            	var _ResizeAction = requireResizeAction();
+            	var _ResizeAction = ResizeAction$1;
 
             	Object.defineProperty(exports, 'ResizeAction', {
             	  enumerable: true,
@@ -20114,7 +20181,7 @@
                         console.warn('移除blotFormatter overlay时出错:', error);
                     }
                 };
-                const handleGlobalClick = (event) => {
+                const handleBlotFormatterClick = (event) => {
                     var _a;
                     if (!editor.value)
                         return;
@@ -20126,32 +20193,6 @@
                         removeQuillBlotFormatter();
                     }
                 };
-                const handleGlobalKeyup = (event) => {
-                    var _a;
-                    if (event.keyCode !== 46 && event.keyCode !== 8)
-                        return;
-                    const blotFormatter = (_a = quillRef.value) === null || _a === void 0 ? void 0 : _a.getModule('blotFormatter');
-                    if (!blotFormatter || !blotFormatter.currentSpec)
-                        return;
-                    const target = event.target;
-                    if (!editor.value || !editor.value.contains(target)) {
-                        event.stopImmediatePropagation();
-                        event.preventDefault();
-                        return;
-                    }
-                    const allEditors = document.querySelectorAll('.quill-editor-container');
-                    allEditors.forEach(editorElement => {
-                        if (editorElement !== editor.value) {
-                            const otherQuill = editorElement.__quill;
-                            if (otherQuill && otherQuill !== quillRef.value) {
-                                const otherBlotFormatter = otherQuill.getModule('blotFormatter');
-                                if (otherBlotFormatter && otherBlotFormatter.currentSpec) {
-                                    otherBlotFormatter.hide();
-                                }
-                            }
-                        }
-                    });
-                };
                 const configureBlotFormatter = () => {
                     if (!quillRef.value)
                         return;
@@ -20216,13 +20257,7 @@
                         blotFormatter: {}
                     };
                 };
-                vue.onMounted(() => {
-                    window.addEventListener('click', handleGlobalClick, true);
-                    window.addEventListener('keyup', handleGlobalKeyup, true);
-                });
                 vue.onBeforeUnmount(() => {
-                    window.removeEventListener('click', handleGlobalClick, true);
-                    window.removeEventListener('keyup', handleGlobalKeyup, true);
                     removeQuillBlotFormatter();
                 });
                 const setQuill = (quillInstance) => {
@@ -20231,9 +20266,7 @@
                 return {
                     quillRef,
                     setQuill,
-                    removeQuillBlotFormatter,
-                    handleGlobalClick,
-                    handleGlobalKeyup,
+                    handleBlotFormatterClick,
                     configureBlotFormatter,
                     applyImageStyle,
                     registerBlotFormatter,
@@ -20241,6 +20274,99 @@
                 };
             }
 
+            function useLinkClick(editor, initialHandleCustomLink) {
+                const quillRef = vue.ref(null);
+                const handleCustomLinkRef = vue.ref(initialHandleCustomLink || null);
+                const handleLinkClick = (event) => {
+                    if (!quillRef.value || !handleCustomLinkRef.value)
+                        return;
+                    const target = event.target;
+                    if (target.tagName === 'A') {
+                        event.preventDefault();
+                        event.stopPropagation();
+                        try {
+                            const linkElement = target;
+                            const linkUrl = linkElement.getAttribute('href') || '';
+                            const linkText = linkElement.textContent || '';
+                            const range = quillRef.value.getSelection();
+                            if (range) {
+                                const [blot] = quillRef.value.getLeaf(range.index);
+                                if (blot && blot.parent && blot.parent.domNode.tagName === 'A') {
+                                    const linkBlot = blot.parent;
+                                    const linkIndex = quillRef.value.getIndex(linkBlot);
+                                    const linkLength = linkBlot.length();
+                                    quillRef.value.setSelection(linkIndex, linkLength);
+                                    handleCustomLinkRef.value(true, { url: linkUrl, text: linkText });
+                                }
+                            }
+                        }
+                        catch (error) {
+                            console.warn('选中链接失败:', error);
+                        }
+                    }
+                };
+                const addLinkClickListener = () => {
+                    if (!quillRef.value)
+                        return;
+                    vue.nextTick(() => {
+                        var _a;
+                        const editorElement = (_a = editor.value) === null || _a === void 0 ? void 0 : _a.querySelector('.ql-editor');
+                        if (editorElement) {
+                            editorElement.removeEventListener('click', handleLinkClick);
+                            editorElement.addEventListener('click', handleLinkClick);
+                        }
+                    });
+                };
+                const setQuill = (quillInstance) => {
+                    quillRef.value = quillInstance;
+                };
+                const setHandleCustomLink = (fn) => {
+                    handleCustomLinkRef.value = fn;
+                };
+                return {
+                    quillRef,
+                    setQuill,
+                    setHandleCustomLink,
+                    handleLinkClick,
+                    addLinkClickListener
+                };
+            }
+
+            function useGlobalClick() {
+                const clickHandlers = vue.ref([]);
+                const handleGlobalClick = (event) => {
+                    clickHandlers.value.forEach(handler => {
+                        try {
+                            handler(event);
+                        }
+                        catch (error) {
+                            console.warn('全局点击事件处理函数执行出错:', error);
+                        }
+                    });
+                };
+                const addClickHandler = (handler) => {
+                    if (typeof handler === 'function' && !clickHandlers.value.includes(handler)) {
+                        clickHandlers.value.push(handler);
+                    }
+                };
+                const clearClickHandlers = () => {
+                    clickHandlers.value = [];
+                };
+                vue.onMounted(() => {
+                    window.addEventListener('click', handleGlobalClick);
+                });
+                vue.onBeforeUnmount(() => {
+                    window.removeEventListener('click', handleGlobalClick);
+                    clearClickHandlers();
+                });
+                return {
+                    clickHandlers: clickHandlers.value,
+                    addClickHandler,
+                    clearClickHandlers,
+                    handleGlobalClick
+                };
+            }
+
             const boldSVG = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><g><g style="opacity:0;"><rect x="0" y="0" width="18" height="18" rx="0" fill="#FFFFFF" fill-opacity="1"/></g><g><path d="M6.794999938146972,7.7800002288818355L9.045000038146974,7.7800002288818355Q9.855000038146972,7.7800002288818355,10.230000038146972,7.442500128881836Q10.605000038146972,7.105000028881836,10.605000038146972,6.505000128881836Q10.605000038146972,6.114999728881836,10.440000038146973,5.860000628881836Q10.275000138146972,5.6050005288818365,9.929999838146973,5.470000228881836Q9.585000038146973,5.335000028881836,9.045000038146974,5.335000028881836L7.139999938146973,5.335000028881836L7.139999938146973,3.385000228881836L9.045000038146974,3.385000228881836Q10.034999838146973,3.385000228881836,10.852499938146973,3.797500608881836Q11.670000038146974,4.2100000388818355,12.142499938146972,4.922500628881836Q12.614999738146974,5.635000228881836,12.614999738146974,6.505000128881836Q12.614999738146974,7.375000028881836,12.142499938146972,8.042500028881836Q11.670000038146974,8.710000028881836,10.860000138146972,9.070000128881837Q10.050000238146973,9.430000328881835,9.045000038146974,9.430000328881835L6.794999938146972,9.430000328881835L6.794999938146972,7.7800002288818355ZM7.139999938146973,12.550000228881835L9.329999938146972,12.550000228881835Q9.900000138146972,12.550000228881835,10.327499838146974,12.354999528881836Q10.755000138146972,12.159999828881835,10.987500238146973,11.807499928881835Q11.219999838146972,11.454999928881836,11.219999838146972,11.020000428881836Q11.219999838146972,10.600000428881836,10.987500238146973,10.232500028881836Q10.755000138146972,9.864999728881836,10.327499838146974,9.647500028881836Q9.900000138146972,9.430000328881835,9.329999938146972,9.430000328881835L6.975000038146972,9.430000328881835L6.975000038146972,7.7800002288818355L9.329999938146972,7.7800002288818355Q10.349999938146972,7.7800002288818355,11.250000038146972,8.200000328881835Q12.149999638146973,8.620000328881837,12.690000538146972,9.362500228881835Q13.229999538146973,10.104999528881836,13.229999538146973,11.034999828881837Q13.229999538146973,11.949999828881836,12.690000538146972,12.752500528881836Q12.149999638146973,13.555000228881836,11.250000038146972,14.027500228881836Q10.349999938146972,14.500000228881836,9.329999938146972,14.500000228881836L7.139999938146973,14.500000228881836L7.139999938146973,12.550000228881835ZM7.064999938146973,14.500000228881836Q6.284999968146972,14.500000228881836,5.872500058146973,14.095000228881837Q5.460000038146973,13.689999228881836,5.460000038146973,12.895000428881836L5.460000038146973,4.989999728881836Q5.460000038146973,4.195000648881836,5.872500058146973,3.789999958881836Q6.284999968146972,3.385000228881836,7.064999938146973,3.385000228881836L7.469999838146973,3.385000228881836L7.469999838146973,14.500000228881836L7.064999938146973,14.500000228881836Z" fill="#555555" fill-opacity="1"/></g></g></svg>`;
             const italicSVG = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><g><g style="opacity:0;"><rect x="0" y="0" width="18" height="18" rx="0" fill="#FFFFFF" fill-opacity="1"/></g><g><path d="M8,3Q7.9015086,3,7.8049095,3.019214718Q7.7083106,3.038429435,7.6173165,3.076120459Q7.5263224,3.11381148,7.4444296,3.16853037Q7.3625371,3.2232492600000002,7.2928932,3.2928932Q7.2232492,3.36253715,7.1685302,3.4444297600000002Q7.1138113999999995,3.52632231,7.0761204,3.61731648Q7.0384293,3.70831072,7.0192146,3.80490965Q6.99999994,3.90150857,7,4Q6.99999994,4.0984913,7.0192146,4.1950902Q7.0384293,4.291689,7.0761204,4.3826833Q7.1138113999999995,4.4736774,7.1685302,4.5555699Q7.2232492,4.6374626,7.2928932,4.7071065999999995Q7.3625371,4.7767504,7.4444296,4.8314693Q7.5263224,4.8861883,7.6173165,4.9238794Q7.7083106,4.9615704,7.8049096,4.9807851Q7.9015086,4.9999999,8,5L9.137146,5L8,13L7,13Q6.90150857,13,6.80490965,13.019215Q6.70831072,13.038429,6.6173164799999995,13.07612Q6.52632231,13.113811,6.44442973,13.16853Q6.36253715,13.223249,6.2928932,13.292892Q6.22324926,13.362536,6.16853037,13.444429Q6.11381148,13.526321,6.076120459,13.617315Q6.038429435,13.708309,6.019214718,13.804909Q6,13.901508,6,14Q6,14.098491,6.019214718,14.195089Q6.038429435,14.291689,6.076120459,14.382683Q6.11381148,14.473677,6.16853037,14.555569Q6.22324926,14.637462,6.2928932,14.707106Q6.36253715,14.77675,6.44442976,14.831469Q6.52632231,14.886187,6.6173164799999995,14.923878Q6.70831072,14.961569,6.80490965,14.980784Q6.90150857,15,7,15L11,15Q11.0984912,15,11.1950898,14.980784Q11.2916889,14.961569,11.382682800000001,14.923878Q11.473677200000001,14.886187,11.5555696,14.831469Q11.6374626,14.77675,11.7071066,14.707106Q11.7767506,14.637462,11.8314691,14.555569Q11.8861876,14.473677,11.9238791,14.382683Q11.9615698,14.291689,11.9807849,14.195089Q12,14.098491,12,14Q12,13.901508,11.9807849,13.804909Q11.9615698,13.708309,11.9238791,13.617315Q11.8861876,13.526321,11.8314691,13.444428Q11.7767506,13.362536,11.7071066,13.292892Q11.6374626,13.223249,11.5555701,13.16853Q11.473677200000001,13.113811,11.382682800000001,13.07612Q11.2916889,13.038429,11.1950903,13.019215Q11.0984912,13,11,13L9.8626451,13L11,5L12,5Q12.0984907,4.9999999,12.1950893,4.9807851Q12.2916884,4.9615703,12.382682800000001,4.9238793Q12.4736767,4.8861883,12.5555696,4.8314693Q12.6374621,4.7767504,12.7071061,4.7071065999999995Q12.776750100000001,4.6374626,12.831468600000001,4.5555699Q12.8861876,4.4736774,12.9238787,4.3826833Q12.9615698,4.291689,12.9807849,4.1950902Q12.999999500000001,4.0984913,13,4Q12.999999500000001,3.90150857,12.980784400000001,3.80490965Q12.9615698,3.70831072,12.9238787,3.61731648Q12.8861876,3.52632231,12.8314691,3.44442973Q12.7767506,3.36253715,12.7071066,3.2928932Q12.6374626,3.2232492600000002,12.5555696,3.16853037Q12.4736767,3.11381148,12.382682800000001,3.076120459Q12.2916884,3.038429435,12.1950898,3.019214718Q12.0984907,3,12,3L8,3Z" fill-rule="evenodd" fill="#555555" fill-opacity="1"/></g></g></svg>`;
             const underlineSVG = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><g><g style="opacity:0;"><rect x="0" y="0" width="18" height="18" rx="0" fill="#FFFFFF" fill-opacity="1"/></g><g><path d="M5.000117301940918,14.500022450683593L5.000117301940918,14.500022450683593Q5.000117301940918,14.450777450683594,5.009724660740918,14.402477450683593Q5.019332019940918,14.354177450683594,5.038177530940918,14.308679450683593Q5.057023040940918,14.263182450683594,5.084382488940918,14.222236450683594Q5.111741931940918,14.181290450683594,5.146563901940918,14.146469450683593Q5.181385871940918,14.111646450683594,5.222332181940918,14.084286450683594Q5.263278451940918,14.056927450683594,5.308775541940918,14.038082450683595Q5.354272661940918,14.019237450683594,5.402572121940918,14.009630450683593Q5.450871581940918,14.000022450683593,5.500117301940918,14.000022450683593L12.500117301940918,14.000022450683593Q12.549362201940918,14.000022450683593,12.597661501940918,14.009629450683594Q12.645960801940918,14.019237450683594,12.691457701940918,14.038082450683595Q12.736954701940917,14.056926450683594,12.777901601940918,14.084285450683593Q12.818847701940918,14.111645450683593,12.853670101940917,14.146468450683594Q12.888492101940919,14.181289450683593,12.915851601940918,14.222235450683593Q12.943210601940919,14.263181450683593,12.962056201940918,14.308679450683593Q12.980901701940919,14.354177450683594,12.990509501940917,14.402477450683593Q13.00011680194092,14.450777450683594,13.000117301940918,14.500022450683593L13.000117301940918,14.500022450683593Q13.00011680194092,14.549268450683593,12.990509001940918,14.597566450683594Q12.980901701940919,14.645866450683593,12.962056201940918,14.691363450683594Q12.943210601940919,14.736860450683594,12.915851601940918,14.777807450683595Q12.888492101940919,14.818753450683595,12.853670101940917,14.853575450683593Q12.818847701940918,14.888397450683593,12.777901601940918,14.915756450683594Q12.736954701940917,14.943115450683594,12.691457701940918,14.961960450683593Q12.645960801940918,14.980806450683593,12.597661501940918,14.990413450683594Q12.549362201940918,15.000021450683594,12.500117301940918,15.000022450683593L5.500117301940918,15.000022450683593Q5.450871581940918,15.000021450683594,5.402572121940918,14.990414450683593Q5.354272661940918,14.980806450683593,5.308775541940918,14.961960450683593Q5.263278451940918,14.943115450683594,5.222332161940918,14.915756450683594Q5.181385871940918,14.888397450683593,5.146563901940918,14.853574450683594Q5.111741931940918,14.818752450683593,5.084382488940918,14.777806450683594Q5.057023040940918,14.736860450683594,5.038177530940918,14.691363450683594Q5.019332019940918,14.645866450683593,5.009724660740918,14.597567450683593Q5.000117301940918,14.549268450683593,5.000117301940918,14.500022450683593ZM5.045039176940918,3.548906330683594Q5.045039176940918,3.1015625006835936,5.283039211940918,2.8637809706835937Q5.521039131940918,2.6259994506835938,5.969039081940918,2.6259994506835938L5.997039201940918,2.6259994506835938Q6.445039201940918,2.6259994506835938,6.6830393019409176,2.8637809706835937Q6.921039201940918,3.1015625006835936,6.921039201940918,3.548906330683594L6.921039201940918,9.010000250683593Q6.921039201940918,9.737999950683594,7.180039401940919,10.255999550683594Q7.439039201940918,10.774000150683595,7.908039101940918,11.053999950683593Q8.377039001940918,11.333999650683594,8.993039101940917,11.333999650683594Q9.609039301940918,11.333999650683594,10.085039101940918,11.060999850683594Q10.561039401940917,10.788000150683594,10.820039301940918,10.263000450683593Q11.079039101940918,9.737999950683594,11.079039101940918,9.010000250683593L11.079039101940918,3.548906330683594Q11.079039101940918,3.1015625006835936,11.317039501940918,2.8637809706835937Q11.555039401940917,2.6259994506835938,12.003039401940917,2.6259994506835938L12.031039201940917,2.6259994506835938Q12.479039201940918,2.6259994506835938,12.717039101940918,2.8637809706835937Q12.955039001940918,3.1015625006835936,12.955039001940918,3.548906330683594L12.955039001940918,9.010000250683593Q12.955039001940918,10.144000050683594,12.416039501940919,11.095999750683594Q11.877039901940918,12.048000350683594,10.967039101940918,12.600999850683595Q10.057039301940918,13.154000450683593,8.993039101940917,13.154000450683593Q7.929039001940918,13.154000450683593,7.0190392019409185,12.600999850683595Q6.109039201940918,12.048000350683594,5.577039361940918,11.095999750683594Q5.045039176940918,10.144000050683594,5.045039176940918,9.010000250683593L5.045039176940918,3.548906330683594Z" fill="#555555" fill-opacity="1"/></g></g></svg>`;
@@ -20334,14 +20460,15 @@
                     const showMoreToolbar = vue.ref(false);
                     const canUndo = vue.ref(false);
                     const canRedo = vue.ref(false);
-                    const { setQuill, removeQuillBlotFormatter, configureBlotFormatter, applyImageStyle, registerBlotFormatter, getBlotFormatterConfig } = useBlotFormatter(editor, props.enableImageResize);
-                    vue.onMounted(() => {
-                        initialize();
-                    });
-                    vue.onBeforeUnmount(() => {
-                        removeQuillBlotFormatter();
-                        quill = null;
-                    });
+                    const showLinkDialog = vue.ref(false);
+                    const linkUrl = vue.ref('');
+                    const linkText = vue.ref('');
+                    const canUseLink = vue.ref(false);
+                    const linkPosition = vue.ref({ top: 0, left: 0 });
+                    const savedRange = vue.ref(null);
+                    const { setQuill, handleBlotFormatterClick, configureBlotFormatter, applyImageStyle, registerBlotFormatter, getBlotFormatterConfig } = useBlotFormatter(editor, props.enableImageResize);
+                    const { setQuill: setLinkQuill, setHandleCustomLink, addLinkClickListener } = useLinkClick(editor);
+                    const { addClickHandler } = useGlobalClick();
                     let quill;
                     let options;
                     const editorWrapClass = vue.computed(() => {
@@ -20379,6 +20506,7 @@
                                 icons['underline'] = underlineSVG;
                                 icons['more'] = moreSVG;
                                 icons['link'] = linkSVG;
+                                icons['customLink'] = linkSVG;
                                 icons['undo'] = undoSVG;
                                 icons['redo'] = redoSVG;
                                 icons['ocr'] = ocrSVG;
@@ -20408,6 +20536,7 @@
                         if (toolbar) {
                             const undoBtn = toolbar.querySelector('.ql-undo');
                             const redoBtn = toolbar.querySelector('.ql-redo');
+                            const customLinkBtn = toolbar.querySelector('.ql-customLink');
                             if (undoBtn) {
                                 if (canUndo.value) {
                                     undoBtn.classList.remove('ql-disabled');
@@ -20426,49 +20555,17 @@
                                 }
                                 redoBtn.disabled = !canRedo.value;
                             }
+                            if (customLinkBtn) {
+                                if (canUseLink.value) {
+                                    customLinkBtn.classList.remove('ql-disabled');
+                                }
+                                else {
+                                    customLinkBtn.classList.add('ql-disabled');
+                                }
+                                customLinkBtn.disabled = !canUseLink.value;
+                            }
                         }
                     };
-                    const initialize = () => {
-                        var _a, _b;
-                        if (!editor.value)
-                            return;
-                        if (props.enableImageResize) {
-                            registerBlotFormatter();
-                        }
-                        options = composeOptions();
-                        setIcons();
-                        quill = new Quill(editor.value, options);
-                        setQuill(quill);
-                        const toolbar = (_a = quill === null || quill === void 0 ? void 0 : quill.getModule('toolbar')) === null || _a === void 0 ? void 0 : _a.container;
-                        if (toolbar) {
-                            toolbar.style.display = 'none';
-                        }
-                        setContents(props.content);
-                        quill.on('text-change', handleTextChange);
-                        quill.on('selection-change', handleSelectionChange);
-                        quill.on('editor-change', handleEditorChange);
-                        quill.on('text-change', updateHistoryState);
-                        quill.on('selection-change', updateHistoryState);
-                        updateHistoryState();
-                        const toolbarDom = (_b = quill.getModule('toolbar')) === null || _b === void 0 ? void 0 : _b.container;
-                        toolbarDom.addEventListener('mousedown', (e) => {
-                            e.preventDefault();
-                        });
-                        const tooltipInput = toolbarDom.querySelector('.ql-tooltip input');
-                        if (tooltipInput) {
-                            vue.nextTick(() => {
-                                tooltipInput.setAttribute('placeholder', props.placeholder);
-                            });
-                        }
-                        if (!props.needCollapse && props.toolbarStyle) {
-                            applyToolbarStyle();
-                        }
-                        applyEditorStyle();
-                        if (props.enableImageResize) {
-                            configureBlotFormatter();
-                        }
-                        ctx.emit('ready', quill);
-                    };
                     const composeOptions = () => {
                         const clientOptions = {};
                         clientOptions.theme = 'snow';
@@ -20488,6 +20585,11 @@
                                         ...toolbarOptions.full,
                                     ],
                                     handlers: {
+                                        customLink: function () {
+                                            if (canUseLink.value) {
+                                                handleCustomLink(true);
+                                            }
+                                        },
                                         redo: function () {
                                             var _a;
                                             if (canRedo.value) {
@@ -20565,22 +20667,22 @@
                         preview.setAttribute('href', 'javascript:void(0)');
                         preview.setAttribute('target', '_self');
                     };
+                    const controlToolbarVisible = (visible) => {
+                        var _a;
+                        const toolbar = (_a = quill === null || quill === void 0 ? void 0 : quill.getModule('toolbar')) === null || _a === void 0 ? void 0 : _a.container;
+                        if (toolbar) {
+                            toolbar.style.display = visible ? 'block' : 'none';
+                            props.needCollapse && (showMoreToolbar.value = false);
+                            ctx.emit('toolbarVisibleChange', visible);
+                        }
+                    };
                     const isEditorFocus = vue.ref();
                     const handleSelectionChange = (range, oldRange, source) => {
-                        var _a;
                         observeTooltip();
                         isEditorFocus.value = !!(quill === null || quill === void 0 ? void 0 : quill.hasFocus());
-                        const toolbar = (_a = quill === null || quill === void 0 ? void 0 : quill.getModule('toolbar')) === null || _a === void 0 ? void 0 : _a.container;
-                        if (toolbar) {
-                            if (isEditorFocus.value) {
-                                toolbar.style.display = 'block';
-                                ctx.emit('toolbarVisibleChange', true);
-                            }
-                            else {
-                                toolbar.style.display = 'none';
-                                showMoreToolbar.value = false;
-                                ctx.emit('toolbarVisibleChange', true);
-                            }
+                        canUseLink.value = !!(range && range.length > 0);
+                        if (isEditorFocus.value) {
+                            controlToolbarVisible(true);
                         }
                         ctx.emit('selectionChange', { range, oldRange, source });
                     };
@@ -20679,14 +20781,6 @@
                     const focus = () => {
                         quill === null || quill === void 0 ? void 0 : quill.focus();
                     };
-                    const reinit = () => {
-                        vue.nextTick(() => {
-                            var _a;
-                            if (!ctx.slots.toolbar && quill)
-                                (_a = quill.getModule('toolbar')) === null || _a === void 0 ? void 0 : _a.container.remove();
-                            initialize();
-                        });
-                    };
                     const moreToolbarToolClick = (tool) => {
                         var _a, _b;
                         if (!quill)
@@ -20710,6 +20804,79 @@
                         else if (tool === 'more') {
                             showMoreToolbar.value = !showMoreToolbar.value;
                         }
+                        else if (tool === 'customLink') {
+                            handleCustomLink(true);
+                        }
+                    };
+                    const calculateSelectionPosition = (range) => {
+                        if (!quill)
+                            return { top: 0, left: 0 };
+                        const selectionRange = range || quill.getSelection();
+                        if (!selectionRange || selectionRange.length === 0)
+                            return { top: 0, left: 0 };
+                        try {
+                            const bounds = quill.getBounds(selectionRange.index, selectionRange.length);
+                            return {
+                                top: bounds.top + bounds.height + 5,
+                                left: bounds.left
+                            };
+                        }
+                        catch (error) {
+                            console.warn('计算选中位置时出错:', error);
+                            return { top: 0, left: 0 };
+                        }
+                    };
+                    const handleCustomLink = (bool, linkInfo) => {
+                        if (!quill)
+                            return;
+                        if (bool) {
+                            controlToolbarVisible(false);
+                            if (linkInfo) {
+                                linkUrl.value = linkInfo.url;
+                                linkText.value = linkInfo.text;
+                                const range = quill.getSelection();
+                                savedRange.value = range ? { ...range } : null;
+                            }
+                            else {
+                                const range = quill.getSelection();
+                                if (range && range.length > 0) {
+                                    savedRange.value = { ...range };
+                                    const selectedText = quill.getText(range.index, range.length);
+                                    linkText.value = selectedText;
+                                }
+                                else {
+                                    savedRange.value = range ? { ...range } : null;
+                                    linkText.value = '';
+                                }
+                            }
+                            const range = quill.getSelection();
+                            linkPosition.value = calculateSelectionPosition(range || undefined);
+                        }
+                        else {
+                            savedRange.value = null;
+                        }
+                        showLinkDialog.value = bool;
+                    };
+                    setHandleCustomLink(handleCustomLink);
+                    const saveLink = (data) => {
+                        console.log("data", data);
+                        if (!quill || !data.url.trim())
+                            return;
+                        const range = savedRange.value;
+                        if (!range)
+                            return;
+                        if (range.length > 0) {
+                            quill.formatText(range.index, range.length, 'link', data.url);
+                        }
+                        else {
+                            const text = data.text || data.url;
+                            quill.insertText(range.index, text, { link: data.url });
+                            quill.setSelection(range.index + text.length, 0);
+                        }
+                        showLinkDialog.value = false;
+                        linkUrl.value = '';
+                        linkText.value = '';
+                        savedRange.value = null;
                     };
                     vue.watch(() => props.content, (newContent) => {
                         if (!quill || internalModelEquals(newContent))
@@ -20724,12 +20891,92 @@
                         if (quill)
                             quill.enable(newValue);
                     });
+                    const initialize = () => {
+                        var _a;
+                        if (!editor.value)
+                            return;
+                        if (props.enableImageResize) {
+                            registerBlotFormatter();
+                        }
+                        options = composeOptions();
+                        setIcons();
+                        quill = new Quill(editor.value, options);
+                        setQuill(quill);
+                        setLinkQuill(quill);
+                        controlToolbarVisible(false);
+                        setContents(props.content);
+                        quill.on('text-change', handleTextChange);
+                        quill.on('selection-change', handleSelectionChange);
+                        quill.on('editor-change', handleEditorChange);
+                        quill.on('text-change', updateHistoryState);
+                        quill.on('selection-change', updateHistoryState);
+                        addLinkClickListener();
+                        const toolbarClickHandler = (event) => {
+                            const target = event.target;
+                            if (target.closest('.quill-editor-container')) {
+                                return;
+                            }
+                            controlToolbarVisible(false);
+                        };
+                        addClickHandler(toolbarClickHandler);
+                        addClickHandler(handleBlotFormatterClick);
+                        addClickHandler(() => {
+                            handleCustomLink(false);
+                        });
+                        updateHistoryState();
+                        const toolbarDom = (_a = quill.getModule('toolbar')) === null || _a === void 0 ? void 0 : _a.container;
+                        vue.nextTick(() => {
+                            const customLinkBtn = toolbarDom.querySelector('.ql-customLink');
+                            if (customLinkBtn) {
+                                customLinkBtn.addEventListener('click', (e) => {
+                                    e.preventDefault();
+                                    e.stopPropagation();
+                                    if (canUseLink.value) {
+                                        handleCustomLink(true);
+                                    }
+                                });
+                            }
+                        });
+                        const tooltipInput = toolbarDom.querySelector('.ql-tooltip input');
+                        if (tooltipInput) {
+                            vue.nextTick(() => {
+                                tooltipInput.setAttribute('placeholder', props.placeholder);
+                            });
+                        }
+                        if (!props.needCollapse && props.toolbarStyle) {
+                            applyToolbarStyle();
+                        }
+                        applyEditorStyle();
+                        if (props.enableImageResize) {
+                            configureBlotFormatter();
+                        }
+                        ctx.emit('ready', quill);
+                    };
+                    const reinit = () => {
+                        vue.nextTick(() => {
+                            var _a;
+                            if (!ctx.slots.toolbar && quill)
+                                (_a = quill.getModule('toolbar')) === null || _a === void 0 ? void 0 : _a.container.remove();
+                            initialize();
+                        });
+                    };
+                    vue.onMounted(() => {
+                        initialize();
+                    });
+                    vue.onBeforeUnmount(() => {
+                        quill = null;
+                    });
                     return {
                         editor,
                         editorWrapClass,
                         showMoreToolbar,
                         canUndo,
                         canRedo,
+                        canUseLink,
+                        showLinkDialog,
+                        linkUrl,
+                        linkText,
+                        linkPosition,
                         getEditor,
                         getToolbar,
                         getQuill,
@@ -20742,12 +20989,16 @@
                         getText,
                         setText,
                         reinit,
-                        moreToolbarToolClick
+                        moreToolbarToolClick,
+                        saveLink,
+                        handleCustomLink
                     };
                 },
                 render() {
                     return [
-                        vue.h('div', { class: this.editorWrapClass }, [
+                        vue.h('div', {
+                            class: this.editorWrapClass
+                        }, [
                             this.$props.needCollapse && this.$props.editorKey && vue.h(MoreToolbar, {
                                 editorKey: String(this.$props.editorKey),
                                 needCollapse: this.needCollapse,
@@ -20760,8 +21011,19 @@
                                 }
                             }),
                             vue.h('div', {
-                                ref: 'editor', ...this.$attrs
+                                ref: 'editor',
+                                style: { position: 'relative' },
+                                ...this.$attrs
                             }),
+                            vue.h(CustomLink, {
+                                visible: this.showLinkDialog,
+                                position: this.linkPosition,
+                                linkUrl: this.linkUrl,
+                                linkText: this.linkText,
+                                'onUpdate:linkUrl': (value) => { this.linkUrl = value; },
+                                'onUpdate:linkText': (value) => { this.linkText = value; },
+                                onSave: this.saveLink,
+                            })
                         ]),
                     ];
                 },