chore. Add target _blank to links

extend.php

@@ -26,6 +26,28 @@
             // Overwrite the default inline spoiler so that it is compatible
             // with more styling for children in an external stylesheet.
             $config->tags['ispoiler']->template = '<span class="spoiler" data-s9e-livepreview-ignore-attrs="class" onclick="removeAttribute(\'class\')"><xsl:apply-templates/></span>';
+
+            // Add custom BBCode-style tag for links with target="_blank"
+            // This allows the syntax: [text](url){:target="_blank"}
+            $tag = $config->tags->add('LINK_BLANK');
+            $tag->attributes->add('url')->filterChain->append('#url');
+            $tag->template = '<a href="{@url}" target="_blank" rel="noopener noreferrer"><xsl:apply-templates/></a>';
+
+            // Add a custom regexp to parse [text](url){:target="_blank"}
+            $config->BBCodes->addCustom(
+                '[text={URL;useContent}]{:target="_blank"}',
+                '<LINK_BLANK url={URL}>{text}</LINK_BLANK>'
+            );
+        })
+        ->parse(function ($parser, $context, $text) {
+            // Pre-process text to convert [text](url){:target="_blank"} to BBCode format
+            $text = preg_replace(
+                '/\[([^\]]+)\]\(([^)]+)\)\{:target="_blank"\}/',
+                '[$1=$2]{:target="_blank"}',
+                $text
+            );
+
+            return $text;
         }),
 
     new Extend\Locales(__DIR__.'/locale'),

js/src/common/index.js

@@ -9,7 +9,6 @@
 
 import app from 'flarum/common/app';
 import { extend, override } from 'flarum/common/extend';
-import TextEditor from 'flarum/common/components/TextEditor';
 import BasicEditorDriver from 'flarum/common/utils/BasicEditorDriver';
 import styleSelectedText from 'flarum/common/utils/styleSelectedText';
 
@@ -27,6 +26,7 @@ const styles = {
   quote: { prefix: '> ', multiline: true, surroundWithNewlines: true },
   code: { prefix: '`', suffix: '`', blockPrefix: '```', blockSuffix: '```' },
   link: { prefix: '[', suffix: '](https://)', replaceNext: 'https://', scanFor: 'https?://' },
+  link_blank: { prefix: '[', suffix: '](https://){:target="_blank"}', replaceNext: 'https://', scanFor: 'https?://' },
   image: { prefix: '![', suffix: '](https://)', replaceNext: 'https://', scanFor: 'https?://' },
   unordered_list: { prefix: '- ', multiline: true, surroundWithNewlines: true },
   ordered_list: { prefix: '1. ', multiline: true, orderedList: true },
@@ -72,6 +72,7 @@ function markdownToolbarItems(oldFunc) {
   items.add('spoiler', <MarkdownButton title={tooltip('spoiler')} icon="fas fa-exclamation-triangle" onclick={makeApplyStyle('spoiler')} />, 500);
   items.add('code', <MarkdownButton title={tooltip('code')} icon="fas fa-code" onclick={makeApplyStyle('code')} />, 400);
   items.add('link', <MarkdownButton title={tooltip('link')} icon="fas fa-link" onclick={makeApplyStyle('link')} />, 300);
+  items.add('link_blank', <MarkdownButton title={tooltip('link_blank')} icon="fas fa-external-link-alt" onclick={makeApplyStyle('link_blank')} />, 290);
   items.add('image', <MarkdownButton title={tooltip('image')} icon="fas fa-image" onclick={makeApplyStyle('image')} />, 200);
   items.add(
     'unordered_list',
@@ -89,13 +90,9 @@ export function initialize(app) {
     items.add('italic', makeShortcut('italic', 'i', this));
   });
 
-  if (TextEditor.prototype.markdownToolbarItems) {
-    override(TextEditor.prototype, 'markdownToolbarItems', markdownToolbarItems);
-  } else {
-    TextEditor.prototype.markdownToolbarItems = markdownToolbarItems;
-  }
+  override('flarum/common/components/TextEditor', 'markdownToolbarItems', markdownToolbarItems);
 
-  extend(TextEditor.prototype, 'toolbarItems', function (items) {
+  extend('flarum/common/components/TextEditor', 'toolbarItems', function (items) {
     items.add(
       'markdown',
       <MarkdownToolbar for={this.textareaId} setShortcutHandler={(handler) => (shortcutHandler = handler)}>

locale/en.yml

@@ -7,6 +7,7 @@ flarum-markdown:
       image_tooltip: Add an image
       italic_tooltip: Add italic text
       link_tooltip: Add a link
+      link_blank_tooltip: Add a link (opens in new tab)
       ordered_list_tooltip: Add a numbered list
       quote_tooltip: Insert a quote
       spoiler_tooltip: Insert a spoiler

locale/es.yml

@@ -0,0 +1,15 @@
+flarum-markdown:
+  lib:
+    composer:
+      bold_tooltip: Añadir texto en negrita
+      code_tooltip: Insertar código
+      header_tooltip: Agregar texto de encabezado
+      image_tooltip: Añadir una imagen
+      italic_tooltip: Añadir texto en cursiva
+      link_tooltip: Añadir un enlace
+      link_blank_tooltip: Añadir un enlace (se abre en una nueva pestaña)
+      ordered_list_tooltip: Agregar una lista numerada
+      quote_tooltip: Insertar una cita
+      spoiler_tooltip: Insertar un spoiler
+      strikethrough_tooltip: Agregar texto tachado
+      unordered_list_tooltip: Agregar una lista con viñetas