@manuscripts/body-editor 3.7.20 → 3.7.21

package/dist/cjs/plugins/placeholder.js

@@ -26,7 +26,7 @@ const placeholderWidget = (placeholder) => (view, getPos) => {
     const element = document.createElement('span');
     element.className = 'placeholder-text';
     element.setAttribute('aria-hidden', 'true');
-    element.textContent = placeholder;
+    element.dataset.placeholder = placeholder;
     element.addEventListener('click', (event) => {
         event.preventDefault();
         const pos = getPos();

package/dist/cjs/versions.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MATHJAX_VERSION = exports.VERSION = void 0;
-exports.VERSION = '3.7.20';
+exports.VERSION = '3.7.21';
 exports.MATHJAX_VERSION = '3.2.2';

package/dist/es/plugins/placeholder.js

@@ -24,7 +24,7 @@ const placeholderWidget = (placeholder) => (view, getPos) => {
     const element = document.createElement('span');
     element.className = 'placeholder-text';
     element.setAttribute('aria-hidden', 'true');
-    element.textContent = placeholder;
+    element.dataset.placeholder = placeholder;
     element.addEventListener('click', (event) => {
         event.preventDefault();
         const pos = getPos();

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '3.7.20';
+export const VERSION = '3.7.21';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "3.7.20";
+export declare const VERSION = "3.7.21";
 export declare const MATHJAX_VERSION = "3.2.2";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "3.7.20",
+  "version": "3.7.21",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",

package/styles/Editor.css

@@ -155,9 +155,16 @@
 .ProseMirror .pullquote figure {
   margin: 0;
 }
-.ProseMirror .pullquote footer.empty-node:after,
+.ProseMirror .pullquote footer.empty-node:after {
+  background: #ddf3fa;
+  color: #6e6e6e;
+}
+
 .ProseMirror .pullquote .placeholder-text {
   background: #ddf3fa;
+}
+
+.ProseMirror .pullquote .placeholder-text::before {
   color: #6e6e6e;
 }
 
@@ -572,8 +579,13 @@
 
 .ProseMirror .placeholder-text {
   font-style: italic;
-  color: #c9c9c9;
   margin: 0;
+  cursor: text;
+}
+
+.ProseMirror .placeholder-text::before {
+  content: attr(data-placeholder);
+  color: #c9c9c9;
 }
 
 .ProseMirror .add-subtitle {