arturolinares / sn-rme

Rich Markdown Editor for Standard Notes

Rich Markdown Editor for Standard Notes

Outline created an awesome and open source editor that fits great with Standard Notes. It makes very easy to write documents with common formatting features, and everything is persisted as Markdown.

Features

• Editor shortcuts
• Lists
• Check lists
• List item sorting with alt+up and alt+down
• Tables with multiline table cells
• Code sections with syntax highlighting
• Text highlights

Other features implemented for the Standard Notes editor:

• Youtube embeds: Paste a youtube URL to show a preview in the document.
• Twitter embeds: Paste a twitt url to show a preview.
• Same-document links: It is possible to create links to headers in the same document with an autocomplete menu that shows up when creating a link.

Note: This editor does not work with FileSafe yet.

Installation

Copy the URL below and paste it in the Import Extension text field:

https://listed.to/p/K6AXOLFLF6

Development

1. Install the dependencies with npm install.
2. Use npm run start to start the development editor.
3. In Standard Notes, install the extension at http://localhost:3000/ext.json. The name of this extension will be Rich Markdown Editor (DEV).
4. To use it on a note, activate it normally using the Editor menu.
5. To build a new version, run npm run build.

sn-rme's Issues

Rich Markdown Editor is being archived

This isn't really an issue with this editor, but I just wanted to make you aware that developer is no longer going to maintain the open source version of the Rich Markdown Editor. You can find more information on a discussion post here.

Horizontal Scrollbar only at bottom of table, not bottom of note view

When a table is generated that is wider than the note view, there is no horizontal scrollbar on the note view so you can scroll left and right within the table. There is, however, a vertical scrollbar that lets you scroll vertically.

The note does appear to have a horizontal scrollbar, but it's at the bottom of the table, which means for large tables you have to scroll a long way down to find the scrollbar, scroll over, and then scroll all the way back up to where you were (which is now harder to find again because you've lost your row reference).

problem with spacing when using dividers

when i heve text and then divider (with no space between ) and save the text, when i reopen it adds newline between the text and the divider (sometimes 2 or even 3 newlines)
it sounds like a trivial problem but it's annoying me alot since a use a lot of dividers in the same text file

No word wrap on lists

Hi,

Ordered and unordered list no longer wrap correctly at the end of the line. Instead of wrapping at word breaks, the word at the end of every line is split across 2 lines. I first noticed this happening this morning and it is definitely a new problem. This does not affect normal paragraph text, only lists in markdown. It is affecting both mobile and desktop.

Font colour are not very legible in dark mode

Hi there,

Love what you guys are doing. Could I possibly make a request to change the font colour for dark mode. It's not very legible and it would be great to make it contrast more with the dark background.

Thank you :)

Theme coloring issues (webapp / macOS / iOS), and editor loading issues (iOS)

EDIT: Posted to wrong repo. Sorry.

Impossible to Indent Lists on iPhone

It's impossible to ident any kind of list on iPhone - bulleted lists, ordered lists, etc. On desktop, you can hit the tab key to indent a list item, but there's no tab key on iPhone. In other iPhone apps (like Apple notes, Bear notes, etc.) you can highlight the text as if you were going to copy/paste, and a tooltip appears with the option to increase/decrease the indent.

Deletes line of text when style applied

If there's plain text in the note and you insert a '/' in front of it to access the full style menu, it deletes the line after a style is chosen rather than applying it to the line.

Note body disappeared

Since about 10 days ago, the notes that I had with the text formatting of the "Rich Markodown Editor" plugin ( https://github.com/arturolinares/sn-rme ) have disappeared. I have noticed that by removing the titles with the #'s in front of them, the note is visible again. The notes are visible with another note format, but it is strange that the plugin stops working from one day to the other since it has been working well for more than a year.

Dividers are not displayed when a note is opened

When I add a divider to a note (---) a nice divider is added. However, if I then switch to another note and then back, the divider is not being displayed.
If I switch to plain editor I can see the 3 dashes (---) are still there, so probably just a rendering issue.

PS: awesome editor!

"TypeError: Cannot read property 'type' of undefined" when loading existing note

Hi,

I am running a local setup of standard notes sync server and the web app (based on their :stable images), but I can see the same error when using the official web app hosted at https://app.standardnotes.org/.

The Rich Markdown Editor usually works just fine for new notes, but when opening an existing note with the editor or modifying a note through standardnotes-fs the not only comes up blank (can be observed in Chrome, the Android app and the Snap app).

When looking at the browser console the following errors can be seen:

Is there any further data/logs I can provide to narrow down the issue?

Any chance for math equations support with MathJax or KaTeX?

I would love if this editor could render math equations, something similar to how Typora does it. That would really make this editor perfect to me. Awesome job on the editor regardless!

Internal links

Is it possible to link to different parts of the same note rather than an external website? The usual Link doesn't work since it sees the link as an external site.

Tables not rendering on mobile

Hello,

I just started using this editor. The only problem I've found is that tables don't render at all on mobile when I choose the RME editor. When I choose the Plain Text editor I can see the original text. Any ideas what could be happening?

unable to edit a pasted item

sometimes, when I insert a new to-do list item between 2 existing ones and paste some text there, I cannot place the cursor on the pasted text. I have to switch to another note and then go back to be able to edit the new item.

issues with un-checking to-do item

I don't know if this can be fixed but, checking and un-checking a to-do item on mobile is frustratingly hard. I keep trying to click the to-do checkbox but apparently my thumb goes just a bit too far left or right and it instead scrolls up on the note. I then have to scroll back to where I was and try it again. Google Keep Mobile App was far better at this.

Why do I keep seeing the H* next to the headings

Why do I keep seeing the H* next to the headings?
Is there away to hide them?

Todo List doesn't check on click - web browser

The checkbox on the todo list doesn't check the item, I can manually add the "x" and that works, but it would be nice to get the clicking working.

I've tested this on Firefox (102.0 (64-bit)) and Brave Beta ([Version 1.41.86 Chromium: 103.0.5060.66 (Official Build) beta (64-bit)]

I don't see any errors in the console pertinent to this issue.

Internal Links not working

It seems like internal links isn't working anymore, I've tested on Windows 10 & iOS versions of Standard Notes.

Windows 10 SN version: 3.8.18
iOS SN version: 3.6.22(78)
Editor Version: 0.16.0

[Feature Request] Support New Lines in Table Cell

First off, this is an amazing editor and I'm using it every day now!

I have one small request - Currently when you insert a table, you cannot go to a new line in a cell, it will just add a new row to the table if you press ENTER. I would love multi line support in a cell, especially adding lists!

Thanks much and keep up the good work :)

Dictionary with limited vocabulary

Are there any plans to support other dictionaries or a custom dictionary for the spell checker? A lot of words in my notes (mostly medical words e.g. atelectasis) are frequently underlined and it's hard to tell what's spelled correctly and what's not.

Doesn't seem to work on mobile

As reported at standardnotes/mobile#604, I'm using this editor on my laptop, where it works fine, but when I open a note that was written with it on my phone, it displays an error saying Unable to load Rich Markdown Editor - An unknown error occurred.. I don't know why this is happening or how to fix it but I hope it can be fixed so I can use it on my phone. Thanks for making this editor!

Tab inside code block highlights language dropdown

Hitting tab inside a code block is pretty important. It should add either a tab or spaces (which would be great if it were configurable). At the moment this shifts focus to the language dropdown, even if it is hidden. This is a bug.

Selecting text makes all notes turn white and requires a forced refresh (Windows/Mac only)

Selecting text makes all notes turn white and requires a forced refresh to fix.This issue persists on the standard and beta version of standard notes.
This issue ONLY occurs on the Windows and Mac version of the application. The IOS and Web version of the application work fine.

This also happens extremely frequently on my machines. Please let me know if there's anything I can do to stop it.

Here's the console error:

The steps that result in the error:

1. Text selection made

2. result after selection is made

3. result after forced refresh

Adding folding on bullet lists items that have sublists

Just to be clear:

• 1
• 2
• 3 <<-- here
  • 3.1
  • 3.2 <<-- here
    • 3.2.1
    • 3.2.2

This is featured on Obsidian and I find it extremely useful

Notice Bars Spacing

The notice bars automatically add spaces when the note is closed and opened again. If multiple bars are placed next to each other, backspacing the line in between sticks them together and pressing the Del key to remove the space turns the bar below to plaintext.

Excessive padding on top of first line

As you can see from the screenshot below, there's a big padding on top of the first line in the note editor:

The issue is reproducible also with the default Standard Notes theme, both on web (Firefox) and desktop (Linux). I am using the latest versions of Standard Notes (3.5.11) and Rich Markdown Editor (0.12.1).

Unable to toggle todo checkboxes

They used to work, but now clicking them does nothing. Nothing out of the ordinary otherwise, even in console.

Scrollbar on Tables

There's a scrollbar that appears on the bottom of all tables, even if the window is wide enough. This scrollbar stays bright white when a dark theme is used so it's very distracting.

to-do items are not always clickable on the webapp

sometimes when interacting with the webapp, the to-do items checkboxes do not get toggled. I am experiencing this lately while using the webapp with firefox. This does not seem to be an issue on the Android app however.

Text not properly visible on dark theme in mobile.

The color of text is darker on mobile devices which looks fine on light theme but not properly visible on dark theme.

Edit:- The text is white on desktop application and the problem os only with mobile device.

Edit 2:- Problem exists only with Dark theme comes pre-installed in Standard notes for mobile.

Desktop Screenshot

Mobile Sreenshot

New release with bullet point linebreak key

Rich markdown editor has a change that allows line breaks in bullet lists using SHIFT-ENTER. I believe it is now in v11.3.1.

Can we get a new release of this SN plugin with that in please? More generally, how would you like to be asked/notified of updates? Thanks.

Excessive permissions

Cool editor! Just a heads up that you shouldn't be needing all these permissions: https://github.com/arturolinares/sn-rme/blob/master/src/lib/BridgeManager.js#L50

Simply streaming the context item (the current note) should be sufficient. You shouldn't need to access the user's other editors/components, themes, and server extensions.

Adding photos/images doesn't work

Is it correct that adding photos doesn't work yet?

When adding a photo or image noting happens, I can choose the photo or image but after that no picture.

Loading of contents takes time

After the recent update of the Standard notes, it takes huuuge time to load the contents both on mobile and desktop. In the mobile app, it's even worse 😬

PS I opened an issue in standard notes as well, they told me to check with the extension.

issues with deleting to-do item

on mobile, its sometimes incredibly hard to delete a to-do list. if I keep doing backspace, it instead just goes to the previous to-do item and deletes the characters on that to-do item but leaves an empty to-do bullet below it.

Table not rendered after a list

A table following list items does not get rendered as a table. This happens once the editor has automatically removed blank lines between the last list item and the first row of the table.

The preview of a note on desktop and mobile does not always seem to update

When repeatedly changing text selection using keyboard or mouse, the entire text content for all notes disappears

Bug reproducible on Standard Notes v3.4.2 and v3.4.4 desktop editor on Linux platform.

To reproduce:

• Open a note with text content in it
• Ensure Rich Markdown Editor is active
• Select any piece of text:
  • using the keyboard shortcut Ctrl+Shift+Left or Ctrl+Shift+Right, or,
  • using the mouse, start selecting the text and drag it around a few times to change text selection
• Text content disappears
• To resolve, restart Standard Notes

Here's a GIF showing both with mouse, then followed with an app restart, then the keyboard shortcut: https://imgur.com/a/O9aq5Aj

Can't dismiss the keyboard in the iOS app

I'm using the Standard Notes iOS app with the Rich editor as the default. When I'm editing a note, I can't dismiss the keyboard (Gboard). I have to exit the note, and open it to view the note without the keyboard.

When I'm using the regular editor, I can dismiss the keyboard by swiping down.

pasting a media link without doing embedding

If I paste a video link on the web-app in rich markdown editor, it refuses to not embed the video. I have to switch back to plain text editor, paste the link and then switch to rich markdown editor

Start a new line in the same list item when pressing Ctrl+Enter

Currently, if I have to start a new line within the same list item, I have to press enter, then backspace.

Ideally, this should be handled with a simple Ctrl+Enter keyboard shortcut.

Upstream cancellation of rme

@arturolinares In light of the upstream cancellation of the Rich Markdown Editor, will this project be continued? I notice that you made a release today (01-19-22).
I certainly hope you are willing to carry it on. This editor is one of the best available and far ahead of what standardnotes currently provides themselves.