Adds link editing 🦜

bustle · May 11, 2020 · 093305a · 093305a
1 parent 529e66d
commit 093305a
Show file tree

Hide file tree

Showing 6 changed files with 311 additions and 146 deletions.
diff --git a/assets/demo/mobiledoc.css b/assets/demo/mobiledoc.css
@@ -149,3 +149,12 @@
 .__mobiledoc-tooltip a:hover {
   text-decoration: underline;
 }
+
+.__mobiledoc-tooltip__edit-link {
+  border: none;
+  border-radius: 5px;
+  -webkit-appearance: none;
+  margin-left: 5px;
+  cursor: pointer;
+  font-size: 15px;
+}
diff --git a/assets/demo/mobiledoc.js b/assets/demo/mobiledoc.js
diff --git a/src/css/mobiledoc-kit.css b/src/css/mobiledoc-kit.css
@@ -149,3 +149,12 @@
 .__mobiledoc-tooltip a:hover {
   text-decoration: underline;
 }
+
+.__mobiledoc-tooltip__edit-link {
+  border: none;
+  border-radius: 5px;
+  -webkit-appearance: none;
+  margin-left: 5px;
+  cursor: pointer;
+  font-size: 15px;
+}
diff --git a/src/js/editor/editor.js b/src/js/editor/editor.js
@@ -1,4 +1,4 @@
-import Tooltip from '../views/tooltip';
+import Tooltip, { DEFAULT_TOOLTIP } from '../views/tooltip';
 import PostEditor from './post';
 import ImageCard from '../cards/image';
 import { DIRECTION } from '../utils/key';
@@ -56,7 +56,8 @@ const defaults = {
     throw new MobiledocError(`Unknown atom encountered: ${env.name}`);
   },
   mobiledoc: null,
-  html: null
+  html: null,
+  tooltip: DEFAULT_TOOLTIP
 };
 
 const CALLBACK_QUEUES = {
@@ -272,7 +273,8 @@ class Editor {
   _addTooltip() {
     this.addView(new Tooltip({
       rootElement: this.element,
-      showForTag: 'a'
+      showForTag: 'a',
+      editor: this
     }));
   }