2,567 questions
0 votes
1 answer
46 views
Create clickable target in contenteditable div
I'm trying to change a variable when I click on specific text in a content editable div, trying to simulate a hyperlink. When I console.log the target on Noteblock events and use an if statement to ...
0 votes
0 answers
28 views
Safari/Chrome: Caret not placed before/after non-editable elements in rich-text editors (Jodit)
I’m facing a caret-position issue in Safari when working with non-editable elements inside a rich-text editor (for example Jodit). When an inline or block element inside the editor is marked as non-...
0 votes
1 answer
55 views
Apply contenteditable to selected columns in HTML Table
Is it possible to applay the contenteditable attribute to selected columns in an HTML table? According to https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/col and https://...
1 vote
0 answers
52 views
Caret not positionning well when using word-spacing in contentEditable div on iPad
I would like to have more space between words in a contenteditable div. Word-spacing css property works very well on Chrome on Windows and Android, but on iPad the caret is often positionned in the ...
0 votes
0 answers
47 views
get how many backspaces with on single input event of type deleteContentBackward
We are making a complex text editor using a contentEditable DIV. On mobile, when virtual keyboard give a suggestion or autocorrects a word, a single input event is first called of type ...
0 votes
1 answer
111 views
Struggling with Multi-Line Input Field for Combined User and AI Text
I’m working on an input field that combines user input (userText) and AI-generated suggestions (aiText). The goal is to make them appear as part of the same sentence, even when the user hasn’t ...
-1 votes
1 answer
83 views
isssue detecting backspace from mobile keyboards in js
So i am using a <span> with contenteditable="true". onkeydown generates new elements with the key pressed as text. I use preventDefault() to not show the pressed character in the input ...
0 votes
1 answer
71 views
Caret doesn't follow text-indent after pressing enter
The JS code is there to remove remaining newlines when h1.textContent is empty, so that :empty::before gets applied. This is a simplified version of the code I'm working on (so inclusion of "...
4 votes
1 answer
86 views
How to make contenteditable respect the initial size of a table cell?
My table has 3 cells: the first two contain inputs, and the third one has my contenteditable. Each cell has a width of 33.333%. When I type text into an input and it overflows, everything works fine — ...
0 votes
0 answers
34 views
React contentEditable cursor position resets while typing in controlled component
I'm working on a text editor where users can edit individual words, and I'm running into an issue with the cursor position resetting while typing. Each time a character is typed, the cursor jumps to ...
0 votes
1 answer
42 views
Three Contenteditable Divs that connect as one larger text box with maxChars of 274
I'm building a tool to help me with multi-part tweets when I need to separate the character limitations into separate tweets. I want it built so that if I copy a large body of text or freely type into ...
1 vote
1 answer
90 views
Highlight the line where the caret is in a contenteditable element in JavaScript & Html
I am developing a text editor for the web frontend, and I want to highlight the line where the text caret is located. Normally, it should be quite simple to implement: just by listening to the ...
1 vote
1 answer
61 views
Cursor in contenteditable LI does not go to EOL on click (Chrome)
I am using a content editable list. Currently I am not able to solve the following chrome problem (it works fine in FF at least). When you click after the end of the following lines, the cursor is ...
0 votes
1 answer
320 views
How to toggle Tagify Inputs Between Editable and Non-Editable Modes
I know there are examples, but I don't seem to be smart enough to figure out what to do. I'm working on a JavaScript application where users can create notes with tags. I'm using the Tagify library to ...
0 votes
1 answer
46 views
Contenteditable Div Expands Instead of Adding Scrollbars
I have a contenteditable div with the ID editor. I'm encountering an issue where the editor keeps expanding in height as I add content. I have overflow-y set to auto, but instead of adding scrollbars, ...