LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

SimpleMDE: Add character limit functionality.

Browse source
This commit is contained in:
infiinte-persistence 2020-06-12 16:52:24 +02:00 • committed by Sean Yesmunt
parent c197a1f230
commit 96041e8b09
1 changed files with 19 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
ui/component/common/form-components/form-field.jsx
View file

@ -136,6 +136,24 @@ export class FormField extends React.PureComponent<Props> {
contextmenu: openEditorMenu,
};
const getInstance = editor => {
// SimpleMDE max char check
editor.codemirror.on('beforeChange', (instance, changes) => {
if (textAreaMaxLength && changes.update) {
var str = changes.text.join('\n');
var delta = str.length - (instance.indexFromPos(changes.to) - instance.indexFromPos(changes.from));
if (delta <= 0) {
return;
}
delta = instance.getValue().length + delta - textAreaMaxLength;
if (delta > 0) {
str = str.substr(0, str.length - delta);
changes.update(changes.from, changes.to, str.split('\n'));
}
}
});
};
input = (
<div className="form-field--SimpleMDE" onContextMenu={stopContextMenu}>
<fieldset-section>
@ -150,6 +168,7 @@ export class FormField extends React.PureComponent<Props> {
id={name}
type="textarea"
events={handleEvents}
getMdeInstance={getInstance}
options={{
spellChecker: true,
hideIcons: ['heading', 'image', 'fullscreen', 'side-by-side'],