docs: add alternative placeholder CSS

2021-03-26 09:51:10 +01:00
parent da8f295461
commit 7426fe2571
1 changed files with 12 additions and 1 deletions
--- a/docs/src/demos/Extensions/Placeholder/index.vue
+++ b/docs/src/demos/Extensions/Placeholder/index.vue
@@ -42,7 +42,7 @@ export default {
    }
  }

-  /* Placeholder */
+  /* Placeholder (at the top) */
  .ProseMirror p.is-editor-empty:first-child::before {
    content: attr(data-placeholder);
    float: left;
@@ -50,5 +50,16 @@ export default {
    pointer-events: none;
    height: 0;
  }
+
+  /* Placeholder (on every new line) */
+  /*
+  .ProseMirror p.is-editor-empty::before {
+    content: attr(data-placeholder);
+    float: left;
+    color: #ced4da;
+    pointer-events: none;
+    height: 0;
+  }
+  */
 }
 </style>