Add ability to inline edit translations #32
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
If the backend API allows it, you can provide an
updateTranslation
endpoint to thetranslateWidget
init parameters. If that is the case, there's an advanced feature that gets enabled, that will show an edit pencil over translated chunks. When clicking on it, an edit<textarea>
will show up where the translation can be edited and saved. This is how it works:When the translation feature kicks in, you get the content translated (As normal):




While holding
Ctrl
and hovering over it, you will get the edit pencil with a border showing what is going to be edited:After clicking the edit pencil, you get a
<textarea>
with the translation to edit:Finally, clicking
Save
will send the updated translation to the backend endpoint, and update the element: