riki/rkgk
riki/rkgk
1
Fork 0
Code Issues 57 Pull requests Projects 1 Activity

replace the accursed contenteditable text box with an ordinary textarea

Browse source 
you could paste discord convos into it.

discord.
conversations.
and they'd render.
like in Discord.

lmao.

I still do wonder how to do syntax highlighting on it, but I've seen prism-code-editor, which I _think_ hides the textarea's text and overlays a non user-interactable syntax highlighted version on top.
what's cool is that we could theoretically have many such overlays - for things like highlights too
but we'll see how that goes
This commit is contained in:
りき萌 2024-08-24 17:47:47 +02:00
parent fb0e15c00c
commit 3a438359c3
2 changed files with 16 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

7
static/index.css
View file

@ -60,7 +60,7 @@ button, textarea, input {
font-family: inherit;
}
pre, code {
pre, code, textarea {
font-family: "Fira Code", monospace;
}
@ -113,7 +113,7 @@ input {
border-bottom: 1px solid var(--color-panel-border);
}
*[contenteditable]:focus, input:focus {
*[contenteditable]:focus, input:focus, textarea:focus {
border-radius: 2px;
outline: 1px solid #40b1f4;
outline-offset: 4px;
@ -215,11 +215,12 @@ rkgk-reticle-cursor {
rkgk-brush-editor {
&>.text-area {
box-sizing: border-box;
width: 100%;
height: 100%;
margin: 0;
resize: none;
white-space: pre-wrap;
border: none;
}
&>.errors:empty, &>.error-header:empty {