Web-based Word-like rich text editor in one HTML file

Web-based Word-like rich text editor in one HTML file

A Chinese prompt for Gemini-3.0-Pro to build a Word-style rich text editor as a single HTML file, including major formatting features and a download option.

المهارة نفسها

![Language-ZH](https://img.shields.io/badge/Language-ZH-blue)
![Raycast](https://img.shields.io/badge/🚀-Raycast_Friendly-purple)

#### 📖 Description

A Chinese prompt for Gemini-3.0-Pro to build a Word-style rich text editor as a single HTML file, including major formatting features and a download option.

#### 📝 Prompt

```
Help me write a web-based rich text editor similar to {argument name="reference_software_en" default="Word"}, including its main features, with all code contained in a single HTML file. It should support: headings, paragraphs, left alignment, bold, italic, right alignment, underline, strikethrough, background color, text color, numbering, undo, and finally a download function. Directly generate the HTML, and that’s it!
```

#### 🖼️ Example Images

##### Image 1

<div align="center">
<img src="https://cms-assets.youmind.com/media/1764209173944_kwdxz8_lQts3X1jzvL5Lb7g.jpg" width="600" alt="Web-based Word-like rich text editor in one HTML file - Image 1">
</div>

#### 📌 Details

- **Author:** [karminski-牙医](https://x.com/karminski3)
- **Source:** [Twitter Post](https://x.com/karminski3/status/1991136616312963096)
- **Published:** November 19, 2025
- **Languages:** zh

**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Help%20me%20write%20a%20web-based%20rich%20text%20editor%20similar%20to%20%7Bargument%20name%3D%22reference_software_en%22%20default%3D%22Word%22%7D%2C%20including%20its%20main%20features%2C%20with%20all%20code%20contained%20in%20a%20single%20HTML%20file.%20It%20should%20support%3A%20headings%2C%20paragraphs%2C%20left%20alignment%2C%20bold%2C%20italic%2C%20right%20alignment%2C%20underline%2C%20strikethrough%2C%20background%20color%2C%20text%20color%2C%20numbering%2C%20undo%2C%20and%20finally%20a%20download%20function.%20Directly%20generate%20the%20HTML%2C%20and%20that%E2%80%99s%20it!)**

---

كيف تثبتها

Gemini

1. Open Gems → New Gem.
2. Paste the text below into the instructions field.
3. Save. The Gem appears in the sidebar and keeps the instructions
   across conversations.

In Google AI Studio the same text goes in System instructions.

هل نجحت معك؟

من أين جاءت

YouMind OpenLab CC-BY-4.0 الأصل

2025 YouMind OpenLab