SYSTEM NOTICE

Auto translation by AI. Be sure, accuracy, nuances and authorial intent may not be fully reflected.
見出し画像

Beta version of the new article editor is now available! Further support for stress-free creation

[Announcement]
On Tuesday, April 12th, we will officially release the new version of the article editor (the new editor) that was previously available as a beta version, and the editing screen for all creators will be fully switched over!
https://note.com/info/n/nbd9ec2e0ade5

The ultra-simple editing features have been
further powered up

Support for Markdown shortcuts, improved readability with subheadings and bullet points, and the ability to copy and paste while maintaining styles from other text editors...

In the new version of the article editor (the new editor), over 15 new features have been added! You will be able to create a wide variety of articles tailored to the expression you want. After receiving your feedback and opinions, we will continue to power it up further. Please give it a try!

* Implemented features are subject to change without notice
* The display may be broken when viewing the beta version on a tablet

New Editor (Beta Version) Overview

■ Target
All note creators

■ Environments that can be verified
・External keyboards
・On-screen keyboards on smartphones
・Screen readers (text-to-speech software)
iOS app (version 5.19.0 or later)
Android app (version 2.5.0 or later)

■ How to try the new editor
Method 1: Open the standard editor and click “Try it now” at the top of the screen to switch to the beta version.
Method 2: Open the standard editor, click the ellipsis (...) in the upper right corner of the screen, and click “Try the beta version” to switch to the beta version.

■ How to provide feedback
With the beta editor open, click the ellipsis in the upper right corner of the screen again. Clicking “Send feedback on the beta version” will open a Google Form.

We also welcome you to share your impressions and screenshots after using it on note or social media! In that case, we would be happy if you could add the hashtag “ #noteNewEditor ” .


Features available in the new editor

* Notes on usage
Articles edited using the new features added on October 21, 2021 (bullet points, subheadings, right alignment, etc.) cannot be edited in the previous editor on web browsers. Please be aware of this in advance.

1. Expansion of expressive power

① Subheading (h3)

The previous heading has become a main heading (h2), and a new subheading (h3) has been added. When you want to change the topic. When you want to emphasize text. The range of your creation expands in various situations.


② Bulleted/Numbered lists

Typing “-” + a half-width space creates a bulleted list, and “1.” + a half-width space creates a numbered list. You can set them from “Bulleted list” or “Numbered list” within the + button on the left. This is convenient when you want to organize your points or explain steps.

  • You can set up to 5 levels of hierarchy.

    • To indent a bulleted list, use

      • Tab key

      • (on Windows) ctrl + ]

      • (on Mac) Command + ]

    • To outdent, use

      • Shift + Tab key

      • (on Windows) ctrl + [

      • (on Mac) Command + [


3. Right align

In addition to left and center alignment, you can now right-align text. After selecting the target text, you can set it to right-align from the screen.

< For example

like this >

< You can even recreate a chat screen!


4. Strikethrough

You can now use strikethrough on text. With the text selected, set it from the menu that appears. It also supports Markdown shortcuts (~~target text~~). This is useful for keeping a history of changes when you edit your note later.


5. Citing sources

When using quotes, you can now include the source in the bottom right. This can be used when quoting passages from novels, movie lines, or favorite sentences from articles written by other creators. You can also embed a URL in the source. By including the source URL, the credibility of the information increases, so please make use of it.

Empowering everyone to start and continue creating.

note inc. mission


6. Horizontal rule

If you want to separate content in your article, you can now use a horizontal rule. Set it from the "Horizontal rule" option within the + button on the left. It also supports Markdown syntax (---).


You can use it like this when you want to separate the content of your article.


7. Ruby (furigana)

You can now add ruby (furigana) above characters for difficultdifficultkanjikanji, place namesplace names, articlesarticles that contain them, articlesarticles for childrenchildren, or novelsnovels. To useuse it, inputinput a "" (vertical bar) at the |startstart of the texttext you want to add ruby to, and "《 》" (double angle brackets) at the endend, then inputinput the ruby insideinside the "《 》".


8. Smoother line breaks and paragraph changes

Press Enter once for a line break, and twice to start a new paragraph.

2. Easier image manipulation

9. Bulk upload of multiple images

You can upload your images all at once and insert them into your article. Drag-and-drop is also supported. Uploading of GIF animations is supported.

10. Upload header images via drag-and-drop

You can intuitively upload not only images within the article but also header images.


11. Setting alternative text (alt attribute) for images

You can specify the content of an image with text. This is used if the image fails to display for any reason, or when readers use a screen reader to read note.


12. Image captions

You can now enter a caption to supplement the content of an image. When you enter a caption, it will be displayed as shown below.With the November 19th update, you can now also freely add line breaks to captions.

noteの街 イラスト
Illustration of the note town. The seagull in the foreground, which creates a sense of perspective, was apparently added at 8:00 PM the day before the deadline. ← You can include supplementary information about images like this without disrupting the flow of the main text. You can also add line breaks wherever you like.

3. Improved ease of writing

13. Markdown shortcuts

By using shortcut keys or entering symbols, you can easily apply formatting such as headings and emphasis, or perform operations like undo and redo.

Markdownショートカットキー
  • ## Large Heading

  • ### Small Heading

  • __Emphasis__

  • **Emphasis**

  • > Quote

  • ```Code```

  • ~~Strikethrough~~

14. Move text, images, and various embedded elements via drag-and-drop

You can now move elements within the text using drag and drop. For text, keyboard shortcuts (Ctrl + Shift + Up/Down keys) are also supported, allowing for intuitive operation.


⑮ Copy & paste while maintaining styles

You can now copy and paste from other editors, such as Google Docs, while maintaining the original styles. Additionally, you can paste without maintaining styles by using the Ctrl + Shift + V keys.


⑯ Full-screen display for the publishing settings screen

By displaying the "settings screen" for hashtags and adding to magazines in full-screen mode, you can utilize a wider space for operations.


⑰ Display URLs embedded in text while editing

For example, when you want to embed a note official article into text like "How to use note, feature introduction." You can now view and edit the embedded URL while editing in the new editor. (* This will not be displayed when readers view the article.)

It also supports embedding note articles and external services. (See here for a list of supported services)


⑱ Prompt for conflicting drafts when editing simultaneously on multiple devices

When editing an article simultaneously on multiple devices or tabs, such as the iOS app and a PC, the system will now present the conflicting draft content, allowing you to choose before it gets overwritten.

If you open the same article in multiple tabs and edit them at the same time, a pop-up like this will appear.


⑲ Keyboard shortcuts

If you are using a Mac, you can perform the same operations using Ctrl = Command (⌘) and Alt = Option keys.

ショートカットキー
  • Ctrl + Z : Undo

  • Ctrl + Y : Redo

  • Ctrl + Shift + Z : Redo

  • Ctrl + B : Bold

  • Ctrl + Shift + > : Quote

  • Ctrl + Alt + 0 : No heading

  • Ctrl + Alt + 2 : Heading

  • Ctrl + Alt + \ : Code

  • Ctrl + Shift + E : Center align

  • Ctrl + Shift + L : Left align

  • Ctrl + Enter : Line break

  • Shift + Enter : Line break

  • Ctrl + S : Save

  • Ctrl + ] : Indent list item

  • Ctrl + [ : Outdent list item

  • Ctrl + Shift + X : Strikethrough

  • Ctrl + Shift + 8 : Bulleted list

  • Ctrl + Shift + 7 : Numbered list

  • (With text selected) Tab : Move to menu

    • Tab / Shift+Tab / Arrow keys : Navigate within menu

    • Enter : Change menu

    • Esc : Exit menu

  • Ctrl + Shift + Up/Down keys : Move paragraph

Planned future features

  • Article import/export feature

  • Mathematical expressions

  • Bulleted list feature

  • Subheading (h3)

  • Strikethrough

  • Maintain styles when copying and pasting

  • Support for embedding note articles and external services



In addition to the features available in the beta version, we plan to add more features to the new editor based on your feedback and requests! We will continue to announce new information on our official Twitter and official note accounts. Please be sure to check them out!

...

We are considering improvements based on the feedback and requests from our creators. We will continue to work on creating an environment where it is easier to engage in creative activities, so please let us know your thoughts.

For improvements and requests regarding features, please use the note feedback form. For other inquiries, please use the
request submission form.


Update details

* March 10 update: We have added new features for the new editor, such as moving text paragraphs via drag & drop (⑬) and additional keyboard shortcut support (⑰). We have also revised the article structure for better readability. * November 25 update: All creators can now use the new editor features, so we have updated the relevant sections! * November 19 update: We have added



update details
, such as line breaks in image captions, display of embedded URLs while editing, and the ability to upload images larger than 10MB. * November 8 update: iOS app

and Android app users who are registered for note premium can now edit using the new editor! * October 21 update: We have added the 8 new features

announced at the start of the beta, such as "bulleted/numbered lists," "subheadings (h3)," "image captions," "horizontal rules," and "strikethrough." * August 27 update: We have revised the new editor based on your feedback! The details are introduced in the interim report article. We are still looking for your feedback!