Questions tagged [text-editor]
Design and use of text editors, and the experience of text editing in general.
65
questions
1
vote
1
answer
29
views
How to combine rich text editing and templating?
I'm working on a no-code app; ideally, users should be able to write text using both templating and rich text editing:
Templating:
Users can type {{ and write an expression that will evaluate to some ...
1
vote
1
answer
48
views
Best way to show error message for image upload in rich text editor?
Any good examples of sites/apps that solve this in an elegant way?
I would like to show the error message in close proximity of the image upload button.
Note: not the attachment link/button, but the ...
0
votes
0
answers
53
views
When typing uppercase letter, Is it faster to press shift with same hand as the letter or there is no difference?
Are there any studies comparing typing speed of these styles of case shifting:
use shift only on one side of keyboard. Use pinky+ corresponding
finger when the letter is on the same side as the shift ...
2
votes
1
answer
153
views
Multiple choice question editor
I'm building an editor for multiple choice questions. Question can either allow a single chosen answer by the user (radio buttons) or multiple answers (checkbox).
Each choice has a percentage value ...
0
votes
1
answer
81
views
Multiple levels of conditional text
For a report builder, my non-technical users need to be able to visually specify conditional text that is potentially multiple levels deep. Example:
Mr X and Mrs Y, each possibly replaced by Mr Z if ...
1
vote
3
answers
987
views
Editing large nested content
I'm looking for a useful editing UX for large, tree-structured content like this:
Project 1
- Step 1
- Explanation 1
- Explanation 2: could be long paragraphs, too.
- E2.1: Lots of ...
1
vote
2
answers
150
views
UX for typing/editing a fantasy script
I have a fantasy script which looks like this:
(Just the text part)
What is the best UX in terms of typing the characters, given the characters aren't in Unicode? Also, there are more than ASCII ...
0
votes
0
answers
142
views
What attributes make vim so enjoyable to program in?
I hope by parametrising this well enough, I can prevent it from being opinion based. I do believe there is a relatively objective answer. There may be more than one element to the answer.
It's a ...
1
vote
1
answer
343
views
Navigate with tab key and use text editor with tab key
We have an application that includes a text editor.
As you know, it is a good practice on the web to let the user also navigate with the tab key (WCAG 2.1.1, 2.1.2).
My question is that if you need to ...
-2
votes
1
answer
219
views
Where can I find a singular to plural converter? [closed]
Can anyone please help me find an ONLINE singular to plural (and visa versa) converter that will convert a list of words at once? I've found plenty that do one word at a time.
There are so many online ...
0
votes
1
answer
237
views
Seeking a better find and incremental replace navigation UI
I'm working on a custom text editing application for a line of business app, and as part of this, I need to implement Find and Replace, and, in particular, Incremental Replace. By this I mean the ...
0
votes
1
answer
120
views
Editor for teachers to create exam, exercises, and questions
I'm making a webapp for my local university, which allows teachers to create exams made up of open-ended/multiple-choice questions and JavaScript programming exercises, as well as group them by topic ...
1
vote
1
answer
43
views
Is there any research on the behavior of lists in rich text editors?
Lists involve a number of behaviors which seem inconsistent among most popular rich text editors in the market (Medium, Word, Google Docs, CKEditor, Froala, Wordpress classic, Wordpress Gutenberg, etc)...
1
vote
1
answer
75
views
What color scheme is this [closed]
I'd appreciate some info on (the exact, an underlying or a similar) color scheme used for styling code samples on this page:
https://fontawesome.com/how-to-use/on-the-web/setup/upgrading-from-version-...
1
vote
1
answer
56
views
Is there a specification for OS-default mouse and keyboard text navigation and selection behavior?
On desktop platforms, each OS has a (relatively similar) set of behavior for text input navigation and selection. Some simple things include moving the cursor left, right, up, and down when tapping ...
2
votes
1
answer
146
views
Bold or unbold?
Consider the following selections in a text editor:
At the end of the second line, there is an non-bold space.
For each example, when you click the Bold button, should it bold or unbold the ...
2
votes
0
answers
61
views
Save functionality with multi-datatype inputs [closed]
I apologize if the question title seems unclear. I have a business application with multiple input/data types on the same screen:
A couple "basic" text input and dropdown menus. These fields are
...
0
votes
1
answer
121
views
Design for grouping undo steps when editing text
Some undo for text editor editors handle text input differently.
Every key press is a single undo step.Typing in a word N characters long, requires N undo steps.
Undo steps use word ...
3
votes
2
answers
365
views
Responsive table with many text inputs
I have a table designed like this:
I need to make it responsive so it looks good on mobile devices.
Some requirements for the table:
There should be tips/hints for each text field. "Tips" -...
1
vote
1
answer
73
views
Validation of a text file: how to best show the inline editor?
I'm making an app that validates a text file and then shows the errors associated with it. Currently all errors are listed as rows.
I'd like to make it easy to correct the errors in the text file so ...
0
votes
2
answers
98
views
Highlighting text replacements
I am making an application where the user can perform multiple replacements after one another (eg. replace all "is" with "was", all "will" to "would have").
The problem I am facing UX-wise is how to ...
5
votes
1
answer
364
views
Should "Enter" create a large or small line spacing on text editors?
On some popular rich text editors like CKEditor, the default behaviour for pressing "Enter" is to create a new paragraph (a <p> tag), while on the others, like the textarea here on Stackexchange,...
0
votes
2
answers
183
views
How to open inline text editor not selecting a text?
There is inline text editor which opens when you select some text. You can also insert images using the editor, but first you have to select text. This approach looks a bit silly to me, so I'm ...
2
votes
1
answer
200
views
Having a preview next to text editor, should it be on the left or right side?
I'm trying to design an email text editor that has a preview window next to it. Should the preview be on the right or left side of the editor? My reasoning is that the preview should be on the left ...
0
votes
2
answers
1k
views
When to sanitize (remove <script> tags) text entered by a user? [closed]
I give user a CKEditor to enter some formatted text.
Next (to overcome hackers) I am going to sanitize HTML (remove scripts and like).
Is it OK to store in my DB the text sanitized? (Alternatively I ...
7
votes
1
answer
252
views
How long should I wait before creating an undo command when I'm typing text?
I'm working on an undo chain in my project. I want to avoid undoing individual letters, but instead undo chunks of text. Therefore, I'm working with a debounce.
Is there a standard waiting time or a ...
2
votes
1
answer
506
views
Why draw a grid behind text/code in the editor?
Two GNOME applications (Builder and Text Editor) have an option to draw a faint grid in the background of the text editing window. The grid does not map neatly onto the fixed-width font.
Does this ...
1
vote
1
answer
178
views
A text editor with undo functionality inside an visual editor with undo functionality
So i am working on an editor where you can create text items. When i create a text item it is accompanied by a text editor. At the moment they both have their own undo chains. This is because the text ...
0
votes
2
answers
825
views
Why is the command prompt text selection rectangular by default?
As a programmer who often finds himself in a command window, I've always wondered why many times the default text selection functionality is rectangular, and not line-by-line.
Rectangular selection ...
0
votes
1
answer
66
views
How to sort the ANSI encodings in conversion tool
I am making a programming text editor (IDE) that will support only UTF-8 files.
But want to provide some way to convert the old ANSI encoded files. So, I have conversion tool that gives the user a ...
4
votes
3
answers
2k
views
Why does the cursor stop blinking after 10 seconds in some programs?
In several programs I've used, the cursor stops blinking after the user has not interacted with the program for several seconds. gnome-terminal and gedit both do this, and I can't find any reasoning ...
6
votes
5
answers
371
views
How to convince a client to use responsive typography
I am having trouble trying to explain to my client in a non techie language, on why he should follow responsive typography.
Let me give a little bit of context: The project in question is for ...
3
votes
3
answers
1k
views
Is there an agreed best practice to represent tables in textual format?
Question: In the UX community, is there an agreed best practice to represent table data in textual format?
Desired outcome: If the answer is yes, then I would propose pushing for support in ...
0
votes
1
answer
59
views
Scaling relative size of nested parentheses in code editors
I was coding today and the thought occurred to me: why is dynamic scaling of the relative sizes of nested parentheses/brackets/curly braces not already a common feature of code editors?
One often has ...
2
votes
2
answers
142
views
Editing multiple text sections
I have three text sections where the first is available to all, the second is available to a group, and the third is available to a subgroup.
The back-end user needs to be able to edit each, and ...
2
votes
1
answer
80
views
Optimizing website text input for tablet device by pre-selecting text on edit
Say I have a search form and a booking form: is it good usability to automatically select all text in the input if the user taps them (to edit)?
1
vote
1
answer
495
views
How to write text with only 5 buttons?
I have a text field in which I can write lower case and upper case letters, numbers and some special characters (' ', '-', '_', '/', '.'). I have only 1 button that can be pressed right, left, up, ...
3
votes
1
answer
336
views
How to make a switch between a form and a text editor?
I'm making a platform where users can upload research results. They can upload these results in two different ways: with a form with multiple input fields and with a normal text editor.
The mode with ...
0
votes
1
answer
57
views
When an editor field overflows, should there be a bottom margin?
When a text editor overflows, should there be a bottom margin?
With bottom margin:
download bmml source – Wireframes created with Balsamiq Mockups
Without bottom margin:
download bmml source
1
vote
2
answers
140
views
Which "alphabetic" keys are commonly used on Qwerty for cursor movements?
Which are the "layouts" that have been successfully used when making "alphabetic" keys on Qwerty used as cursor movement keys or as arrow keys?
Here are the two i know of:
<h>: <Left>, &...
0
votes
2
answers
152
views
How to handle number text field change with symbol?
I have a text field that allows to edit. The textfield display number along with symbol. For example $ 45, 21 lbs
There are 2 solutions that come into mind
When user starts editing, we remove the ...
3
votes
2
answers
631
views
How to design translation UI
I'm designing a translation app which will be used to translate other apps. The app will be initially desktop based, but later on I want to make a mobile version as well. The difficulty that I'm ...
12
votes
2
answers
7k
views
Why the textfield in Google Material Design without box
Why the text fields (as below) in Google Material Design are without boxes?
Here is a live demo of Material Design text fields. Polymer paper elements - paper-input
What are the benefits of this ...
2
votes
1
answer
1k
views
What's the use of allowing to copy empty string to clipboard? [duplicate]
Typical applications that allow copying text to clipboard only enable "Copy" action when there's some nonempty chunk of text selected, otherwise Ctrl-C has no effect. Not so with MS Visual Studio ...
0
votes
1
answer
61
views
How should adding a title be presented in a blog post editor?
I'm currently making a blog, and the blog will use markdown for posts. Adding a title with markdown could be confusing for some, so I'd like to have a button that says, for instance, Add Title, but I'...
0
votes
3
answers
58
views
Open vs delimited writing areas
What's more comfortable to the user? Open, unobstructive writing areas:
Or enclosed ones:
Also, I wonder if the absence of delimiting borders makes users feel 'overwhelmed' (because there's too much ...
0
votes
2
answers
400
views
What is the best way of displaying a long title in a text editor?
I was wondering what is the alternative way to show a big title without it having show it into a next line. For example please see the attached picture.
2
votes
1
answer
117
views
How to allow an end user access to variables?
I'm designing a form that allows an administrator to set the content of an email that will get sent out upon registration to a website. I'm assuming that the administrator will not necessarily be ...
0
votes
1
answer
179
views
How to handle user removing editable text from image?
I am working on in–browser editor for print products. The (relevant part of) workflow goes as following:
User sees image (technically SVG file, loaded into page DOM).
User can select certain ...
6
votes
2
answers
3k
views
What's the best way to present variables in a WYSIWYG editor?
I'm working on a WYSIWYG editor, similar to medium.com. We need to support variables inside the editor. For example, you might want to add text: Hi, *|FNAME|* which would be replaced with Hi, Gustavs ...