notable
notable copied to clipboard
notable
WYSIWYG editor
Feature description
When in preview mode, a user should be able to edit the content by clicking on any texts. Currently, the user has to click on the Pencil icon to edit the content.
Feature motivation
- improve user experience, especially those who need to do a lot quick editing as in most writing needs.
What you are requesting is a WYSIWYG editor, and not having one was one of the reasons why I started Notable in the first place. But I guess I'm more interested in being able to edit the source rather than not being able to edit the rendered output.
Let's see what the popularity of the request is, perhaps in the future the editor could be made more user-friendly, especially for people who don't know much about markdown.
The other thing I want to point out.
When I save a text, it immediately switches from Edit Mode -> Preview Mode. Do you assume that the user wants to preview the text and stops editing the content?
What is the motivation behind this?
P.S. I am expressing some ideas because I am purely interested in the app and the development.
What you are requesting is a WYSIWYG editor, and not having one was one of the reasons why I started Notable in the first place. But I guess I'm more interested in being able to edit the source rather than not being able to edit the rendered output.
Let's see what the popularity of the request is, perhaps in the future the editor could be made more user-friendly, especially for people who don't know much about markdown.
I guess what I am referring to is a specific use case where the user is proofreading their content in preview mode, and he/she found there are one or several typos. Oops, he/she needs to make the changes. Okay
- now click on Edit mode, which brings the cursor back to the top.
- Go find where you want to edit
- Edit and Save the content
- It goes back to preview mode.
- Repeat the step to edit another text.
Do you assume that the user wants to preview the text and stops editing the content?
Kind of, this is my usual way of editing notes 🤔
In theory you shouldn't have to switch preview mode if you don't want to, but currently the preview/edit state isn't preserved across restarts and the note isn't saved if you quit the app without switching first to preview mode, both bugs I'm going to fix.
I guess what I am referring to is a specific use case where the user is proofreading their content in preview mode, and he/she found there are one or several typos. Oops, he/she needs to make the changes.
There's another way of approaching this, upon a ctrl+click in preview mode the app should switch to edit mode and put a cursor in the right place, I'm not quite sure how to do that though.
I think something like https://github.com/fabiospampinato/notable/issues/77, where you have edits on the left and preview on the right would be a good compromise.
Personally, I love having a "pseudo" wysiwyg version of the Markdown. My current note-taking app is Bear, but as it's closed source, I can't really contribute improvements/enhancements.
I know you originally founded Notable to explicitly omit that feature, but I'm reassured that you might consider WYSIWIG-modes to what's going on.
Let's see what the popularity of the request is,
How do you measure the popularity of requests ? This one or others ? I see you keep saying this but not sure how to express interest in particular requests. ;)
@ymjonline by the number of ":+1:": https://github.com/fabiospampinato/notable/issues?q=is%3Aissue+is%3Aopen+sort%3Areactions-%2B1-desc
by the number of "👍"
Too bad that only includes +1's of the first comment, not sum of the whole issue.
Why not integrating other WYSIWYG editor
It isn't out of the question. If there's a nice open source editor that we can use I'm ok with that.
like StackEdit?
I'll see if it can serve our needs 👍
@fabiospampinato Thanks for your awesome work! I really love your editor a lot. I discovered it just now! :) About the WYSIWYG-Editor: Here I found something that looks very promising. It's what I had in mind for a markdown-WYSIWIG editor: https://sofish.github.io/pen/ Live-Edit, without split screen :-) 👍
Notable is very cool, thank you! I have the default app for .md files set to Mark Text https://github.com/marktext/marktext - i would love if that editing view (or similar wysiwyg markdown without split-screen) were available directly in Notable.
I use typora before. When I find something about note-taking and get this. Really think that when edit something like table, WYSIWYG is more convenient, and split view occupy too much space for editing. 👍
I tried some editors that support WYSIWYG:
| Editor | show Markdown marks | renderer for CheckBox/image/Table/Math/Chart... | Source Code Mode | Remarks |
|---|---|---|---|---|
| Typora | :x: click to show it in some case | :heavy_check_mark: | :heavy_check_mark: | Not open source |
| MarkText | :x: click to show it in some case | :heavy_check_mark: | :heavy_check_mark: | Enter @ or click the button at the beginning of each line to use the pop-up menu to set the type of the current line |
| StackEdit | :heavy_check_mark: | :x: | Already is | |
| Zettlr | :heavy_check_mark: | :heavy_check_mark: | Already is? (but need click for code of image/table/Math/chart) | support zettelkasten |
Among these, I prefer Zettlr's editing mode It has a rich text format display without hiding the markdown mark, which has both writing feel and beautiful appearance It would be better if there is a button that can switch whether to hide the markdown mark (to display the real preview)
