1. Executive Summary

_{Available at Cloudflare Pages
https://steem-writer.pages.dev/}

Easy Steem Editor is a lightweight web editor for easy and convenient creation and publication of posts on the STEEM blockchain. Adapted specifically for displaying content on Steemit.com. Editors often receive less attention during development because programmers already know the ropes, while regular users still need to figure it all out))

It combines the power of "smart" Markdown and HTML formatting. Integration with Steem Keychain. It even saves typed text in real-time, so an accidental page closure _{(provided JavaScript is enabled)}, or even a power outage _{(which actually happened while finalizing this text)} allows you to continue typing where you left off. The main thing is that it has time to cache, because in practice, not everything manages to save instantly _{(needs further refinement)}.

Furthermore, it can be added to the Steemit.com platform or used autonomously simply by saving the HTML page and libraries into a single folder and running the HTML in a browser. Although Keychain won't work in this specific case, it will still allow you to create a post.

In the future, it has many prospects for porting to various platforms: Windows\Linux\Mac\Android\IOS. Though adding them to the app markets is not always straightforward.

---

2. Current Features (What is already implemented in v26.5)

🎨 Images

• Intelligent Gallery: Recognition of added links into a special field. Images from these links form a convenient visual gallery in the sidebar.
• 1-Click Magic: Complex HTML structures with images (text wrapping or right alignment) are created with a single click on an icon.
• Grid Generator: A unique feature that allows you to select several photos in the gallery and instantly generate a responsive table (collage) from them.
• Image Link Recognition: When pasting images from other sites into the corresponding field, the editor automatically "cleans" the URL of advertising and analytical trackers (everything after .jpg/.png), forming clean Markdown code.

⚡ Smart Formatting (Smart UX)

• Auto-Word Selection: When applying formatting, you no longer need to precisely highlight a word with the mouse. Just place the cursor inside the word, and the editor will automatically apply the formatting to it entirely. This is highly convenient on mobile devices.
• Title: The post title is now automatically generated from the first line of the post, so it doesn't need to be typed manually.
• Tags: Tag cloud for easy entry, including community tags. (In the future, expansion to lists of known communities and entire tag packages is planned so that frequently used ones can be added in one click).

📱 Mobile Responsiveness (Mobile-First Design)

• Floating Tool Widget: On smartphones, the classic toolbar takes up too much space. We created a "floating widget" that appears above the text only when words are selected (similar to the Medium interface).
• Split Tabs: On mobile devices or at low resolutions, the screen conveniently switches between "Editor" and "Preview" without losing focus.
• Tag selection in just a few clicks/taps.

💾 Data Saving

• Real-time auto-backup of the post.
• Export to a ready-made .md text file.
• Internal post database (drafts).
• Personal template database that can be saved.
• Customizable mention list for required accounts to avoid typing them every time.
• Drawback: Since it is just a web page, saving occurs in the browser cache, so clearing it poses a risk of data loss.

🛡️ Security and Autonomy

• Zero-Server Architecture: The editor has no server-side database (Backend). All drafts, signature templates, and friend lists for mentions (@Mentions) are stored exclusively in your browser's localStorage.
• Native Steem Keychain: Post publication occurs via the official Steem Keychain extension, which guarantees 100% security for private keys. Specifically, you do not pass any keys to the site or web page, only the signature via Keychain.
• Offline Capability: Can work without an internet connection, provided the page is saved on the device along with its libraries.

---

3. Technology Stack

To ensure maximum performance and project independence, we use modern but proven tools without "heavy" frameworks:

Currently used (v26.5):

• Core: Vanilla JavaScript (ES6+), CSS3 (Flexbox/Grid).
• Markdown Parsing: marked.umd.js (fast and secure real-time rendering).
• Blockchain Integration: steem.js / Steem Keychain API.

Auxiliary Technologies

• AI assistance from Gemini for testing, implementing ideas, and constructive edits.

Project Cost

A modest reward is requested on my part:

• 3000 SBD (this is less than $1500)
• Execution time: 120 days
• 25 SBD/day (approximately $12.5).

---

4. Advantages

Lightweight, convenient, rock-and-roll)))

---

---

Development Roadmap

🟢 Phase 1: Legal Media Integration (API Integration)

Authors will no longer have to leave the editor to search for illustrations. _{Registration will be required to get a personal key}

• Built-in Pexels/Pixabay Search: Search for free high-quality stock photos directly in the editor sidebar.
• Auto-Attribution: When inserting a stock photo, the editor will automatically generate a beautiful HTML footer with a link to the author and the license. This will permanently solve copyright infringement concerns for curators.

🟡 Phase 2: Optimization and Features

• Optimization of existing formatting functions and additions based on needs, such as quick list generation from selected text.
• Smart table generation (importing from office suites or specially prepared files may be considered).
• Creation of an improved database of saved records and their easy publication in one or two clicks.
• Publication and reminder schedule (if internet is available) for easier management.
• Lists for convenient tag selection, tag groups, and adding custom tags.
• Adding languages for clearer navigation.
• And much more that hasn't been recalled yet or hasn't yet emerged as a need.

🟡 Phase 3: Direct Image Upload (SteemitImages)

• Bulk Upload: Ability to upload photos from a computer or phone directly to steemitimages.com servers with a progress indicator. Transition to the dsteem library.

  • Smart Local Wallet: Since Steem Keychain does not support signing large binary files (images), we will integrate a local wallet. This involves standard key encryption at a minimum; at a maximum, creating something similar to Keychain (not ideal in a browser, but perfect for mobile apps). Or applying another secure mechanism if it becomes available.
  • _{How it works: Your Posting Key is encrypted with the AES-256 (PBKDF2) standard using a PIN code you create and is stored in the browser.}
  • _{Result: You enter the PIN once per session and can bulk upload dozens of photos without re-entering keys or confirmations. The current example is perhaps more secure than saving the key in plain text.}

• _{Alternatively, it's easier to create a new account for this purpose and use that key, while signing the final publication with Keychain.}

🔵 Phase 4: Transition to Better Visuals (React and Tailwind CSS) and Preparation for Porting to Standalone Apps.

_{Project example: https://steem-writer-pro.pages.dev/}

• Transition to React adn Tailwind CSS
• Optimization for the mobile application to ensure smooth operation on Android after porting.

_Waydroid

---

Future Prospects

🔵 Phase 1: Cross-platform (Desktop Applications)

The web version is convenient, but native applications are reliable.

_{NeutralinoJS Linux (Wayland)}

• Builds for Windows and Linux: Using the NeutralinoJS / Tauri framework, standalone desktop applications (under 10 MB) can be created.
• Native OS Integration: These will work fully offline (for writing posts on the go) and will use the internet only for uploading images and sending them to the blockchain.

---

5. Why is this project important for Steem?

The interface is the face of the blockchain. Easy Steem Editor lowers the technical barrier for new users while simultaneously providing experienced authors with powerful tools.

We are creating not just a page, but an Open-Source product, which anyone can run locally, check the code, and be confident in the security of their keys and data.

---

#hive-151113 #steem-proposal #steemexclusive #development #steemit #dev #steem #proposal

---

---

This content was created on #BlazedIt and first appeared on https://alpha.blazedit.xyz .