Add popup to hashed comments/pull requests/issues in file editing/adding preview tab

web_src/js/features/comp/ComboMarkdownEditor.js

@@ -191,11 +191,7 @@ class ComboMarkdownEditor {
         text: this.value(),
         wiki: this.previewWiki,
       }, (data) => {
-        $panelPreviewer.html(data);
-        initMarkupContent();
-
-        const refIssues = $panelPreviewer.find('p .ref-issue');
-        attachRefIssueContextPopup(refIssues);
+        showPreviewerWithData($panelPreviewer, data);
       });
     });
   }
@@ -381,3 +377,11 @@ export async function initComboMarkdownEditor(container, options = {}) {
   await editor.init();
   return editor;
 }
+
+export function showPreviewerWithData($panelPreviewer, data) {
+  $panelPreviewer.html(data);
+  initMarkupContent();
+
+  const refIssues = $panelPreviewer.find('p .ref-issue');
+  attachRefIssueContextPopup(refIssues);
+}

web_src/js/features/repo-editor.js

@@ -1,8 +1,8 @@
 import $ from 'jquery';
 import {htmlEscape} from 'escape-goat';
-import {initMarkupContent} from '../markup/content.js';
 import {createCodeEditor} from './codeeditor.js';
 import {hideElem, showElem} from '../utils/dom.js';
+import {showPreviewerWithData} from './comp/ComboMarkdownEditor.js';
 
 const {csrfToken} = window.config;
 
@@ -28,8 +28,7 @@ function initEditPreviewTab($form) {
         file_path: treePathEl.val(),
       }, (data) => {
         const $previewPanel = $form.find(`.tab[data-tab="${$tabMenu.data('preview')}"]`);
-        $previewPanel.html(data);
-        initMarkupContent();
+        showPreviewerWithData($previewPanel, data);
       });
     });
   }