rixty
/
SillyTavern
mirror of https://github.com/SillyTavern/SillyTavern.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

qr editor wrap toggle

This commit is contained in:
LenAnderson 2024-03-25 09:04:41 -04:00
parent 4a5c1a5ac8
commit 7c3ffcb3b1
2 changed files with 24 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
public/scripts/extensions/quick-reply/html/qrEditor.html
View File

@ -13,7 +13,15 @@
</label>
</div>
<div class="qr--modal-messageContainer">
<label for="qr--modal-message">Message / Command:</label>
<label for="qr--modal-message">
Message / Command:
</label>
<small>
<label class="checkbox_label">
<input type="checkbox" id="qr--modal-wrap">
<span>Word wrap</span>
</label>
</small>
<textarea class="monospace" id="qr--modal-message"></textarea>
</div>
</div>

15
public/scripts/extensions/quick-reply/src/QuickReply.js
View File

@ -207,8 +207,23 @@ export class QuickReply {
title.addEventListener('input', () => {
this.updateTitle(title.value);
});
/**@type {HTMLInputElement}*/
const wrap = dom.querySelector('#qr--modal-wrap');
wrap.checked = JSON.parse(localStorage.getItem('qr--wrap'));
wrap.addEventListener('click', () => {
localStorage.setItem('qr--wrap', JSON.stringify(wrap.checked));
updateWrap();
});
const updateWrap = () => {
if (wrap.checked) {
message.style.whiteSpace = 'pre-wrap';
} else {
message.style.whiteSpace = 'pre';
}
};
/**@type {HTMLTextAreaElement}*/
const message = dom.querySelector('#qr--modal-message');
updateWrap();
message.value = this.message;
message.addEventListener('input', () => {
this.updateMessage(message.value);