From c3a6a41e5ded05be0bb370644cbd5e0079a821bf Mon Sep 17 00:00:00 2001
From: Matthew Hodgson <matthew@matrix.org>
Date: Sun, 20 May 2018 00:49:29 +0100
Subject: [PATCH] support links in RTE

---
 src/autocomplete/PlainWithPillsSerializer.js  |  2 +-
 .../views/rooms/MessageComposerInput.js       | 31 +++++++++++++++++--
 2 files changed, 30 insertions(+), 3 deletions(-)

diff --git a/src/autocomplete/PlainWithPillsSerializer.js b/src/autocomplete/PlainWithPillsSerializer.js
index 0e850f2a33..8fa73be6a3 100644
--- a/src/autocomplete/PlainWithPillsSerializer.js
+++ b/src/autocomplete/PlainWithPillsSerializer.js
@@ -69,7 +69,7 @@ class PlainWithPillsSerializer {
                 case 'plain':
                     return node.data.get('completion');
                 case 'md':
-                    return `[${ node.text }](${ node.data.get('url') })`;
+                    return `[${ node.text }](${ node.data.get('href') })`;
                 case 'id':
                     return node.data.get('completionId') || node.data.get('completion');
             }
diff --git a/src/components/views/rooms/MessageComposerInput.js b/src/components/views/rooms/MessageComposerInput.js
index 5126fb2813..5853525832 100644
--- a/src/components/views/rooms/MessageComposerInput.js
+++ b/src/components/views/rooms/MessageComposerInput.js
@@ -200,6 +200,31 @@ export default class MessageComposerInput extends React.Component {
                                 nodes: next(el.childNodes),
                             }
                         }
+                        // special case links
+                        if (tag === 'a') {
+                            const href = el.getAttribute('href');
+                            let m = href.match(MATRIXTO_URL_PATTERN);
+                            if (m) {
+                                return {
+                                    object: 'inline',
+                                    type: 'pill',
+                                    data: { 
+                                        href,
+                                        completion: el.innerText,
+                                        completionId: m[1],
+                                    },
+                                    isVoid: true,
+                                }
+                            }
+                            else {
+                                return {
+                                    object: 'inline',
+                                    type: 'link',
+                                    data: { href },
+                                    nodes: next(el.childNodes),
+                                }
+                            }
+                        }
                     },
                     serialize: (obj, children) => {
                         if (obj.object === 'block' || obj.object === 'inline') {
@@ -1161,7 +1186,7 @@ export default class MessageComposerInput extends React.Component {
         if (href) {
             inline = Inline.create({
                 type: 'pill',
-                data: { completion, completionId, url: href },
+                data: { completion, completionId, href },
                 // we can't put text in here otherwise the editor tries to select it
                 isVoid: true,
             });
@@ -1233,9 +1258,11 @@ export default class MessageComposerInput extends React.Component {
                 return <ol {...attributes}>{children}</ol>;
             case 'code-block':
                 return <pre {...attributes}><code {...attributes}>{children}</code></pre>;
+            case 'link': 
+                return <a {...attributes} href={ node.data.get('href') }>{children}</a>;
             case 'pill': {
                 const { data } = node;
-                const url = data.get('url');
+                const url = data.get('href');
                 const completion = data.get('completion');
 
                 const shouldShowPillAvatar = !SettingsStore.getValue("Pill.shouldHidePillAvatar");