From a223203aa0331b5b29dc05bfd2807f5dcec9cc21 Mon Sep 17 00:00:00 2001
From: chris <kokosias@yahoo.gr>
Date: Wed, 21 Dec 2022 13:11:38 +0200
Subject: [PATCH] hide alt
---
editors/demo/src/Editoria/config/config.js | 1 +
editors/demo/src/HHMI/config/config.js | 1 -
.../src/ImageService/AltComponent.js | 40 ++++++++++---------
3 files changed, 22 insertions(+), 20 deletions(-)
diff --git a/editors/demo/src/Editoria/config/config.js b/editors/demo/src/Editoria/config/config.js
index 6dca98b00..b2ae40a22 100644
--- a/editors/demo/src/Editoria/config/config.js
+++ b/editors/demo/src/Editoria/config/config.js
@@ -143,6 +143,7 @@ export default {
},
},
PmPlugins: [columnResizing(), tableEditing(), invisibles([hardBreak()])],
+ ImageService: { showAlt: true },
CustomTagService: {
tags: [
{ label: 'custom-tag-label-1', tagType: 'inline' },
diff --git a/editors/demo/src/HHMI/config/config.js b/editors/demo/src/HHMI/config/config.js
index 3fc07e3d9..70ca2465e 100644
--- a/editors/demo/src/HHMI/config/config.js
+++ b/editors/demo/src/HHMI/config/config.js
@@ -65,7 +65,6 @@ export default {
RulesService: [emDash, ellipsis],
PmPlugins: [columnResizing(), tableEditing(), invisibles([hardBreak()])],
- ImageService: { showAlt: false },
services: [
new MatchingService(),
new FillTheGapQuestionService(),
diff --git a/wax-prosemirror-services/src/ImageService/AltComponent.js b/wax-prosemirror-services/src/ImageService/AltComponent.js
index 1c24aac4f..9786988c1 100644
--- a/wax-prosemirror-services/src/ImageService/AltComponent.js
+++ b/wax-prosemirror-services/src/ImageService/AltComponent.js
@@ -25,6 +25,7 @@ export default ({ setPosition, position }) => {
const [altText, setAltText] = useState('');
const context = useContext(WaxContext);
const {
+ app,
activeView,
pmViews: { main },
} = context;
@@ -62,23 +63,24 @@ export default ({ setPosition, position }) => {
);
};
- if (!readOnly) {
- return (
- <StyledInputAlt
- autoFocus="autoFocus"
- key="alt"
- onChange={altTextOnChange}
- placeholder="Alt Text"
- ref={altRef}
- type="text"
- value={
- activeView.state.selection &&
- activeView.state.selection.node &&
- activeView.state.selection.node.attrs.alt !== ''
- ? activeView.state.selection.node.attrs.alt
- : altText
- }
- />
- );
- }
+ const imageConfig = app.config.get('config.ImageService');
+ const showAlt = imageConfig && imageConfig.showAlt;
+
+ return !readOnly && showAlt ? (
+ <StyledInputAlt
+ autoFocus="autoFocus"
+ key="alt"
+ onChange={altTextOnChange}
+ placeholder="Alt Text"
+ ref={altRef}
+ type="text"
+ value={
+ activeView.state.selection &&
+ activeView.state.selection.node &&
+ activeView.state.selection.node.attrs.alt !== ''
+ ? activeView.state.selection.node.attrs.alt
+ : altText
+ }
+ />
+ ) : null;
};
--
GitLab