@oix1987/yjd 1.0.0 → 1.0.2

package/lib/formats/link.js

@@ -1,251 +0,0 @@
-import { InlineFormat } from '../core/format.js';
-import LinkPopup from '../ui/link-popup.js';
-import Editor from '../core/editor.js';
-
-/**
- * Link Format - Simple link insertion
- * Now supports multiple editor instances with separate popup instances
- */
-class Link extends InlineFormat {
-  static formatName = 'link';
-  static tagName = 'A';
-  
-  // Map to store saved ranges for each editor instance
-  static savedRanges = new Map();
-
-  constructor() {
-    super();
-    
-    // Get current editor instance
-    const currentEditor = Editor.getCurrentInstance();
-    if (!currentEditor) {
-      console.warn('No editor instance found for Link format');
-      return;
-    }
-    
-    this.editorId = currentEditor.instanceId;
-    
-    // Check if this editor already has a link popup instance
-    let linkPopup = currentEditor.getPopupInstance('link');
-    
-    if (!linkPopup) {
-      // Create new popup instance for this editor
-      linkPopup = new LinkPopup({
-        onLinkSelect: (linkData) => {
-          Link.insertLink(linkData, this.editorId);
-        },
-        editor: currentEditor,
-        editorId: this.editorId
-      });
-      
-      // Store popup instance in editor
-      currentEditor.setPopupInstance('link', linkPopup);
-    }
-    
-    this.linkPopup = linkPopup;
-  }
-
-  /**
-   * Create a new Link format instance for a specific editor
-   * @param {string} editorId - Editor instance ID
-   * @returns {Link} Link format instance
-   */
-  static createForEditor(editorId) {
-    const editor = Editor.getInstanceById(editorId);
-    if (!editor) {
-      console.warn('No editor instance found for ID:', editorId);
-      return null;
-    }
-    
-    // Temporarily set as current instance
-    const originalCurrent = Editor.currentInstance;
-    Editor.currentInstance = editor;
-    
-    // Create format instance
-    const format = new Link();
-    
-    // Restore original current instance
-    Editor.currentInstance = originalCurrent;
-    
-    return format;
-  }
-
-  /**
-   * Insert link at saved cursor position
-   * @param {Object} linkData - Link data with url and text
-   * @param {string} editorId - Editor instance ID
-   */
-  static insertLink(linkData, editorId = null) {
-    // Get the correct editor instance
-    let editor = null;
-    if (editorId) {
-      editor = Editor.getInstanceById(editorId);
-    } else {
-      editor = Editor.getCurrentInstance();
-    }
-    
-    if (!editor) {
-      console.warn('No editor instance found for link insertion');
-      return;
-    }
-    
-    // Get saved range for this specific editor
-    const savedRange = Link.savedRanges.get(editorId);
-    if (!savedRange) {
-      console.warn('No saved range found for editor:', editorId);
-      return;
-    }
-    
-    const selection = window.getSelection();
-    selection.removeAllRanges();
-    selection.addRange(savedRange);
-    
-    const range = selection.getRangeAt(0);
-    
-    if (range.collapsed) {
-      // No selection - insert link at cursor
-      const linkElement = document.createElement('A');
-      linkElement.href = linkData.url;
-      linkElement.target = '_blank';
-      linkElement.rel = 'noopener noreferrer';
-      linkElement.textContent = linkData.text || linkData.url;
-      range.insertNode(linkElement);
-    } else {
-      // Has selection - wrap existing content with link while preserving styles
-      const fragment = range.extractContents();
-      const linkElement = document.createElement('A');
-      linkElement.href = linkData.url;
-      linkElement.target = '_blank';
-      linkElement.rel = 'noopener noreferrer';
-      
-      // Move all nodes from fragment to link element
-      while (fragment.firstChild) {
-        linkElement.appendChild(fragment.firstChild);
-      }
-      
-      range.insertNode(linkElement);
-    }
-    
-    // Position cursor after link
-    const newRange = document.createRange();
-    newRange.setStartAfter(range.endContainer);
-    newRange.collapse(true);
-    selection.removeAllRanges();
-    selection.addRange(newRange);
-    
-    // Trigger content change after applying format
-    setTimeout(() => {
-      if (editor && typeof editor.onContentChange === 'function') {
-        editor.onContentChange();
-      }
-    }, 0);
-    
-    // Clear saved range for this editor
-    Link.savedRanges.delete(editorId);
-    
-    // Trigger content change event
-    if (editor && typeof editor.onContentChange === 'function') {
-      editor.onContentChange();
-    }
-  }
-
-  /**
-   * Toggle link popup
-   */
-  toggle() {
-    if (this.linkPopup.isVisible) {
-      this.linkPopup.hide();
-    } else {
-      this.showPopup();
-    }
-  }
-
-  /**
-   * Show link popup
-   */
-  showPopup() {
-    // Lưu vị trí con trỏ hiện tại cho editor này
-    const selection = window.getSelection();
-    if (selection && selection.rangeCount > 0) {
-      const range = selection.getRangeAt(0).cloneRange();
-      Link.savedRanges.set(this.editorId, range);
-    }
-    
-    // Find link button in the current editor's toolbar
-    const editor = Editor.getInstanceById(this.editorId);
-    if (!editor) {
-      console.warn('No editor found for ID:', this.editorId);
-      return;
-    }
-    
-    const toolbar = editor.getModule('toolbar');
-    if (!toolbar) {
-      console.warn('No toolbar module found for editor:', this.editorId);
-      return;
-    }
-    
-    // Try to get link button from toolbar
-    let linkButton = toolbar.getButton('link');
-    
-    // Fallback: find button by class in the current editor's toolbar
-    if (!linkButton) {
-      const toolbarContainer = toolbar.getContainer();
-      if (toolbarContainer) {
-        linkButton = toolbarContainer.querySelector('.rich-editor-toolbar-btn[data-command="link"]');
-      }
-    }
-    
-    // Final fallback: find any link button in the current editor's wrapper
-    if (!linkButton) {
-      linkButton = editor.wrapper.querySelector('.rich-editor-toolbar-btn[data-command="link"]');
-    }
-    
-    if (!linkButton) {
-      console.warn('Link button not found for editor:', this.editorId);
-      return;
-    }
-    
-    // Check if cursor is in existing link
-    const existingLink = this.getCurrentLink();
-    
-    // Get selected text for display
-    let selectedText = '';
-    if (selection && !selection.isCollapsed) {
-      selectedText = selection.toString().trim();
-    }
-    
-    this.linkPopup.show(linkButton, existingLink, selectedText);
-  }
-
-  /**
-   * Get current link if cursor is in one
-   */
-  getCurrentLink() {
-    const selection = window.getSelection();
-    if (!selection || !selection.rangeCount) return null;
-    
-    let node = selection.getRangeAt(0).startContainer;
-    
-    // Find parent link element
-    while (node && node !== document.body) {
-      if (node.nodeType === Node.ELEMENT_NODE && node.tagName === 'A') {
-        return {
-          url: node.href || '',
-          text: node.textContent || ''
-        };
-      }
-      node = node.parentNode;
-    }
-    
-    return null;
-  }
-
-  /**
-   * Check if cursor is in a link
-   */
-  isActive() {
-    return this.getCurrentLink() !== null;
-  }
-}
-
-export default Link;