# \[Userscript\] Markdown Editor Notes (2023)

**URL:** <https://community.wanikani.com/t/userscript-markdown-editor-notes-2023/62246>\
**Category:** API And Third-Party Apps\
**Created:** [June 15, 2023, 7:00am UTC](https://community.wanikani.com/t/userscript-markdown-editor-notes-2023/62246 "2023-06-15T07:00:12Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![polv](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/polv/32/572691_2.png) [@polv](https://community.wanikani.com/u/polv)\
**Post date:** [June 15, 2023, 7:00am UTC](https://community.wanikani.com/t/userscript-markdown-editor-notes-2023/62246/1 "2023-06-15T07:00:12Z")

</div>

> [@](#):
>
> ⚠ This is a third-party script/app and is not created by the WaniKani team. By using this, you understand that it can stop working at any time or be discontinued indefinitely.

This allows putting rich text, like images and hyperlinks, with Markdown and HTML in Notes.

This also bypasses 5,000-character limit.

It’s a fix of this script.

> [@\[Userscript\]: Markdown Notes (updated)](https://community.wanikani.com/t/userscript-markdown-notes-updated/11462/1):
>
> Per _[this request](https://community.wanikani.com/t/Request-Usable-bolditalic-in-readingmeaning-notes/11450/1)_, this is an updated version of _[this original script](https://community.wanikani.com/t/Userscript-WaniKani-Markdown-Notes-Rich-Text-Formatting-of-Notes/3926/1)_ by jeshuamorrissey.
> 
> It allows you to add html (via markdown) to your item notes:
> 
> Sample:
> 
> ![](https://global.discourse-cdn.com/wanikanicommunity/original/2X/6/6427c4a122486ed4a7079f20d075b60c3316b66d.png)

Chinese fonts and large fonts can be added by

```auto
<span style="font-size: 5em; font-family: serif;" lang="zh-CN"> 解 </span>

```

 ![image](https://global.discourse-cdn.com/wanikanicommunity/original/4X/2/b/e/2be0203a054dd8e3ce8553f643ca7f01b6a18ebf.png)

Hidden section can be added with `<details>` HTML tag, and two new lines afterwards (so as to hide for Reading or Meaning).

```auto
<details>
<summary> Optional Title. This line can be deleted. </summary>

**Bold**
</details>

```

## TODO

- Clean separation between Reading and Meaning Notes; as well as “shared” Notes.
- Update to native Notes, to allow syncing between devices.

## Installation

Grab the script from here.

> **[WaniKani Markdown Editor Notes (2023)](https://greasyfork.org/en/scripts/468764-wanikani-markdown-editor-notes-2023)**
>
> Write Markdown and HTML in the notes

---

<div class="post-metadata">

**Author:** ![DropaBombOnEm](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/dropabombonem/32/311462_2.png) [@DropaBombOnEm](https://community.wanikani.com/u/DropaBombOnEm)\
**Post date:** [June 17, 2023, 6:05pm UTC](https://community.wanikani.com/t/userscript-markdown-editor-notes-2023/62246/2 "2023-06-17T18:05:53Z")

</div>

Cool script, but why would someone want Chinese fonts?

_Maybe for native Chinese speakers learning Japanese?_ 🤔

---

<div class="post-metadata">

**Author:** ![TreyE](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/treye/32/565490_2.png) [@TreyE](https://community.wanikani.com/u/TreyE)\
**Post date:** [November 29, 2023, 8:50pm UTC](https://community.wanikani.com/t/userscript-markdown-editor-notes-2023/62246/3 "2023-11-29T20:50:37Z")

</div>

_Edit: I didn’t start with a brand-new tab, oops! It is running but I’m not sure it’s working right? I’ll reply in a moment._

I just stumbled upon this. Is there any reason to expect it might work on iPad, or does it use things that will only be available on Macs & PCs?

~~I installed it and it’s been invoked according to the developer console, but I’m not seeing anything different when I open a note. If it has other installation/configuration requirements, I don’t know what they are since I never used a previous version either.~~

If it theoretically could work on iPad, I’ll look into tweaking the code.

Thanks!

---

<div class="post-metadata">

**Author:** ![TreyE](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/treye/32/565490_2.png) [@TreyE](https://community.wanikani.com/u/TreyE)\
**Post date:** [November 29, 2023, 9:05pm UTC](https://community.wanikani.com/t/userscript-markdown-editor-notes-2023/62246/4 "2023-11-29T21:05:41Z")

</div>

It is working on iPad/Safari/Userscripts, but I have a couple questions… First, here’s a screenshot:

 ![IMG_3361](https://global.discourse-cdn.com/wanikanicommunity/original/4X/1/0/7/107470e47b9cc7081748a4dd0999d8a86c67ee7d.jpeg)

1. Is there a publish/finalizing/save function? I can make a new tab and load the url [https://www.wanikani.com/vocabulary/気付く](https://www.wanikani.com/vocabulary/%E6%B0%97%E4%BB%98%E3%81%8F) and my input Markdown is visible, but it still shows the two-column view above, and I expected from other screenshots (of older scripts, not this one) that you could have a view without the editor. The hamburger menu (visible in the image below) has a floppy-disk icon, but neither tapping it with a finger or Pencil, or clicking it with the trackpad doesn’t seem to have any effect.
2. Does the colorizing syntax described in the older userscript apply to this one, as well? If so, what am I doing wrong in that final line?

 ![IMG_3362](https://global.discourse-cdn.com/wanikanicommunity/original/4X/6/6/5/6651f38591bf6d5d8e066ebc05103ef555160bfc.jpeg)

---

<div class="post-metadata">

**Author:** ![polv](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/polv/32/572691_2.png) [@polv](https://community.wanikani.com/u/polv)\
**Post date:** [November 30, 2023, 12:33am UTC](https://community.wanikani.com/t/userscript-markdown-editor-notes-2023/62246/5 "2023-11-30T00:33:49Z")

</div>

1. There is no publishing function. Saving is to maintain the content, that is, refreshing doesn’t make disappear.
2. I haven’t added coloring syntaxes yet. Only just standard HTML and Markdown, plus Furigana syntax `[a]{b}`.

---

<div class="post-metadata">

**Author:** ![TreyE](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/treye/32/565490_2.png) [@TreyE](https://community.wanikani.com/u/TreyE)\
**Post date:** [November 30, 2023, 12:34am UTC](https://community.wanikani.com/t/userscript-markdown-editor-notes-2023/62246/6 "2023-11-30T00:34:56Z")

</div>

Ah, I see—so you always will have the two columns?

---

<div class="post-metadata">

**Author:** ![polv](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/polv/32/572691_2.png) [@polv](https://community.wanikani.com/u/polv)\
**Post date:** [November 30, 2023, 12:43am UTC](https://community.wanikani.com/t/userscript-markdown-editor-notes-2023/62246/7 "2023-11-30T00:43:55Z")

</div>

Ah yes. I may have made mistake using [Toast UI editor](https://ui.toast.com/tui-editor), where WYSIWYG isn’t exactly what I expected, so I hided the toggle button.

---

<div class="post-metadata">

**Author:** ![polv](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/polv/32/572691_2.png) [@polv](https://community.wanikani.com/u/polv)\
**Post date:** [November 30, 2023, 11:03am UTC](https://community.wanikani.com/t/userscript-markdown-editor-notes-2023/62246/8 "2023-11-30T11:03:30Z")

</div>

I added auto-preview by default just now, if there is some Markdown.

Also #kan#, #voc#, #rad#, #reading# thing.

Hopefully I didn’t break something. Finalizing HTML is a hard one for this library, when alongside customization.

---

<div class="post-metadata">

**Author:** ![wowbagger](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/wanikanicommunity/original/3X/f/d/fd4c154120954695f788402f3bcf4e616499bc2d.png) [@wowbagger](https://community.wanikani.com/u/wowbagger)\
**Post date:** [August 16, 2024, 7:10am UTC](https://community.wanikani.com/t/userscript-markdown-editor-notes-2023/62246/9 "2024-08-16T07:10:44Z")

</div>

Love this script for adding my own mnemonic images! Thanks for making it.

One thing I have noticed is that when scrolling through item pages to review learned items (not official app driven reviews), with each new page load, the addon causes the page to jump down to where the Markdown Notes begins on the page and I must manually scroll back up to the top.

Does anyone know if there is a way to inhibit this behaviour and retain the other functionality of the script?

Cheers
