create account

Getting started with PeakEditor V2.0 – A Quick Walkthrough by peakd

View this thread on: hive.blogpeakd.comecency.com
· @peakd ·
$30.64
Getting started with PeakEditor V2.0 – A Quick Walkthrough
![](https://files.peakd.com/file/peakd-hive/yozen/23u5vxeddKCBYsrdjLLqKTRrypUCa51SoJSvmF6JwRW13NFnjLbPTExeYVsjEJA4ToDw7.png)



Hey PeakD Users! 

**UPDATES**

<br>Since the announcement post of the new editor we have been making several upgrades and fixes to make the editor even better. We have made a few and will be rolling more of those improvements out in the coming days... continue to share what it is you would want this editor to have in order for you to be happy with it being your primary editor. Or at least for your friends and family you invite to the site.



---



<br>**HOW TO USE THE NEW EDITOR**

We know that a lot of users have had many years of learning and then becoming very comfortable with Markdown style post writing. However it is not an intuitive or helpful form of writing for a majority of the population. Forcing new users to learn markdown causes friction to their new user experience. We are aiming to solve this with giving users an option of a **NEW WRITING EDITOR**

This guide will help you get comfortable with the new **block-based** writing experience on PeakD. We will walk through the core features step-by-step, starting with how content is structured and how you can create and edit it.<br><br>

## **Block-Based Editor: "Writing in Pieces You Can Control"**

The foundation of the new editor is a **block-based architecture**.

That means every piece of content you create — whether it’s a paragraph, an image, a heading, or even a quote — is stored and handled as a **separate, independent block**.

Here’s why that matters:

- Each element can be **individually managed** — added, removed, rearranged
- It allows **modular editing**, making the writing experience faster and more intuitive
- Enables powerful features like **drag-and-drop sorting** ... including images.
- IMAGES on posts: Visually seeing images in the edit and being able to move images with drag and drop was one of the main glaring weaknesses of markdown editors.

## **Menu Controls: Create and Edit Blocks with Ease**

Now that you know what blocks are, let’s look at how to use them in the editor.

#### **➕ Block Insertion Menu**

Hover on a block and a small floating menu appears. Click the **plus (+)** button to open the **block menu** and insert new content like:

- Headings
- Images
- Quotes
- Dividers
- Code blocks
- …and more!

![Block handler menu](https://files.peakd.com/file/peakd-hive/yozen/48GgFM4epRvaUTub9ozDpv4rHUNaG84xbrdE215CVMENrXu53PXrL2mAXf3D7cTyxC.png)



Or if you want to edit your current block click on the drag-handle button and a menu with some custom action will appear.

![Actions menu](https://files.peakd.com/file/peakd-hive/yozen/23tGY4fKGNDZDR2CUzKVgYueFswZZ3ubwoTy4CLgJgQaJujCtqUhVgrmJKvjRvHJjo9ZJ.png)



#### **Inline Floating Toolbar**

![Floating toolbar](https://files.peakd.com/file/peakd-hive/yozen/23tRzb9ycqNNdPsB55GATKkKhVi1HBPxr25zW2uHQFRNg85gWVh44XAHkLWbTNJL7sFsT.png)



When you select text, a **floating toolbar** appears with formatting options:

- **Bold**, *Italic*, ~~Strikethrough~~, <u>Underline,</u>
- <sup>Superscript</sup> and <sub>subscript</sub>
- `Code`
- [Link](https://en.wikipedia.org/wiki/Hyperlink)

...and text alignment

Left

<div class="text-center">Center</div>

<div class="text-right">Right</div>

#### **↕️ Drag-and-Drop to Reorder**

Want to move a section up or down? Just **grab the drag handle** on the side of a block and drop it into a new spot.

You’re now in control of every piece of your post — no more cutting and pasting whole paragraphs to reorder things!

#### **🧹 Clean Markdown + Plain Text Support**

Prefer plain text or Markdown? You’re covered.

- Pasting in Markdown text works.
- Switching between the two writing styles supported
- You don’t need to know Markdown syntax to format — just click and go<br>

#### **📱 Optimized for Mobile**

Whether you’re posting from your desktop or phone:

- The editor is fully responsive
- Menus and toolbars adjust to your screen size
- Perfect for snapping quick updates on the go<br><br>

---

## **Still in Development**

Remember: this is still a **work-in-progress**.

We’re continuing to improve performance, fix bugs, and add features. If you see something glitchy or want to suggest something please

- Drop us a comment
- Tag your post or snap with #neweditor
- Or message us directly on Discord or Sting Chat

Your feedback shapes this tool. <br><br>

## **Wrap-Up: Go Create!**

Try writing your next post or snap with it or just play around with the features and let us know what you think!

We look forward to your feedback!

**The PeakD Team**
👍  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , and 180 others
properties (23)
authorpeakd
permlinkgetting-started-with-peakeditor-v20-a-quick-walkthrough
categoryhive-163399
json_metadata"{"app":"peakd/2025.6.1","format":"markdown","description":"A new editor for PeakD","tags":["peakd","editor","hive","ui"],"users":[],"image":["https://files.peakd.com/file/peakd-hive/yozen/23u5vxeddKCBYsrdjLLqKTRrypUCa51SoJSvmF6JwRW13NFnjLbPTExeYVsjEJA4ToDw7.png","https://files.peakd.com/file/peakd-hive/yozen/48GgFM4epRvaUTub9ozDpv4rHUNaG84xbrdE215CVMENrXu53PXrL2mAXf3D7cTyxC.png","https://files.peakd.com/file/peakd-hive/yozen/23tGY4fKGNDZDR2CUzKVgYueFswZZ3ubwoTy4CLgJgQaJujCtqUhVgrmJKvjRvHJjo9ZJ.png","https://files.peakd.com/file/peakd-hive/yozen/23tRzb9ycqNNdPsB55GATKkKhVi1HBPxr25zW2uHQFRNg85gWVh44XAHkLWbTNJL7sFsT.png"]}"
created2025-06-16 16:14:18
last_update2025-06-16 16:14:18
depth0
children5
last_payout2025-06-23 16:14:18
cashout_time1969-12-31 23:59:59
total_payout_value15.332 HBD
curator_payout_value15.309 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length4,619
author_reputation318,650,540,403,799
root_title"Getting started with PeakEditor V2.0 – A Quick Walkthrough"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id143,390,928
net_rshares112,988,543,896,036
author_curate_reward""
vote details (244)
@jacobtothe ·
How about a spoiler option in that list as well?
properties (22)
authorjacobtothe
permlinkre-peakd-sy29pf
categoryhive-163399
json_metadata{"tags":["hive-163399"],"app":"peakd/2025.6.1","image":[],"users":[]}
created2025-06-18 16:56:06
last_update2025-06-18 16:56:06
depth1
children0
last_payout2025-06-25 16:56:06
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length48
author_reputation568,172,485,826,750
root_title"Getting started with PeakEditor V2.0 – A Quick Walkthrough"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id143,431,133
net_rshares0
@julianhorack ·
$0.23
Thank you, as a regular blogger I appreciate the streamlined improvements. 
👍  , ,
properties (23)
authorjulianhorack
permlinkre-peakd-sy01pe
categoryhive-163399
json_metadata{"tags":["hive-163399"],"app":"peakd/2025.6.1","image":[],"users":[]}
created2025-06-17 12:08:06
last_update2025-06-17 12:08:06
depth1
children0
last_payout2025-06-24 12:08:06
cashout_time1969-12-31 23:59:59
total_payout_value0.116 HBD
curator_payout_value0.116 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length75
author_reputation501,984,308,312,808
root_title"Getting started with PeakEditor V2.0 – A Quick Walkthrough"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id143,405,324
net_rshares861,647,973,064
author_curate_reward""
vote details (3)
@mein-senf-dazu ·
It would be great if i could use diffenret collors.

Maybe Few colors like green, red, blue, yellow would be enough 
properties (22)
authormein-senf-dazu
permlinkre-peakd-2025625t22524299z
categoryhive-163399
json_metadata{"links":[],"type":"comment","tags":["hive-163399","peakd","editor","hive","ui"],"app":"ecency/3.3.3-mobile","format":"markdown+html"}
created2025-06-25 20:52:03
last_update2025-06-25 20:52:03
depth1
children0
last_payout2025-07-02 20:52:03
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length116
author_reputation302,758,880,877,786
root_title"Getting started with PeakEditor V2.0 – A Quick Walkthrough"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id143,567,525
net_rshares0
@mhe ·
$0.17
Wow nice it's a new tools for us I think its so really help to us this kind new elements of tools
👍  
properties (23)
authormhe
permlinkre-peakd-sxzbuh
categoryhive-163399
json_metadata{"tags":["hive-163399"],"app":"peakd/2025.6.1","image":[],"users":[]}
created2025-06-17 02:49:30
last_update2025-06-17 02:49:30
depth1
children0
last_payout2025-06-24 02:49:30
cashout_time1969-12-31 23:59:59
total_payout_value0.086 HBD
curator_payout_value0.087 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length97
author_reputation786,267,437,052
root_title"Getting started with PeakEditor V2.0 – A Quick Walkthrough"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id143,399,386
net_rshares642,314,027,449
author_curate_reward""
vote details (1)
@mirroredspork ·
$0.11
Always good to see innovative things happening with this platform.
👍  
properties (23)
authormirroredspork
permlinkre-peakd-sy07lg
categoryhive-163399
json_metadata{"tags":["hive-163399"],"app":"peakd/2025.6.1","image":[],"users":[]}
created2025-06-17 14:15:18
last_update2025-06-17 14:15:18
depth1
children0
last_payout2025-06-24 14:15:18
cashout_time1969-12-31 23:59:59
total_payout_value0.057 HBD
curator_payout_value0.057 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length66
author_reputation9,152,090,063,273
root_title"Getting started with PeakEditor V2.0 – A Quick Walkthrough"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id143,407,394
net_rshares429,047,701,877
author_curate_reward""
vote details (1)