status-im
/
status-desktop
mirror of https://github.com/status-im/status-desktop.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

feat(StatusChatInput): render formatted text inside input 

Closes #1796
This commit is contained in:
Pascal Precht 2021-02-17 12:31:37 +01:00 committed by Iuri Matias
parent 3c4725ed5d
commit 10636c2460
1 changed files with 27 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
ui/shared/status/StatusChatInput.qml
View File

@ -106,6 +106,15 @@ Rectangle {
return false
}
function parseMarkdown(markdownText) {
const htmlText = markdownText
.replace(/\~\~([^*]+)\~\~/gim, '<span style="text-decoration: line-through">~~$1~~</span>')
.replace(/\*\*([^*]+)\*\*/gim, '<b>:asterisk::asterisk:$1:asterisk::asterisk:</b>')
.replace(/\`([^*]+)\`/gim, '<code>`$1`</code>')
.replace(/\*([^*]+)\*/gim, '<i>:asterisk:$1:asterisk:</i>')
return htmlText.replace(/\:asterisk\:/gim, "*")
}
function onKeyPress(event){
if (event.modifiers === Qt.NoModifier && (event.key === Qt.Key_Enter || event.key === Qt.Key_Return)) {
if (checkTextInsert()) {
@ -188,6 +197,16 @@ Rectangle {
insertInTextInput(messageInputField.selectionStart, wrapWith);
insertInTextInput(messageInputField.selectionEnd, wrapWith);
messageInputField.deselect()
formatInputMessage()
}
function formatInputMessage() {
const posBeforeEnd = messageInputField.length - messageInputField.cursorPosition;
const deparsedEmoji = Emoji.deparse(messageInputField.text);
const plainText = chatsModel.plainText(deparsedEmoji);
const formatted = parseMarkdown(Emoji.parse(plainText.replace(/\n/g, "<br />")))
messageInputField.text = formatted
messageInputField.cursorPosition = messageInputField.length - posBeforeEnd;
}
function onRelease(event) {
@ -195,13 +214,15 @@ Rectangle {
// we can only get it in the `released` event
if (paste) {
paste = false;
const posBeforeEnd = messageInputField.length - messageInputField.cursorPosition;
const deparsedEmoji = Emoji.deparse(messageInputField.text);
const plainText = chatsModel.plainText(deparsedEmoji);
messageInputField.text = Emoji.parse(plainText.replace(/\n/g, "<br />"));
messageInputField.cursorPosition = messageInputField.length - posBeforeEnd;
formatInputMessage()
interrogateMessage();
} else {
if (event.key === Qt.Key_Asterisk ||
event.key === Qt.Key_QuoteLeft ||
event.key === Qt.Key_Space ||
event.key === Qt.Key_AsciiTilde) {
formatInputMessage()
}
}
if (event.key !== Qt.Key_Escape) {