Web 富文本編輯器選型：UEditor 百度出品，圖文混排首選

需求

類似 QQ 空間發日志，用戶在網頁上上傳圖片、圖文混編發布文章（非程序員預置）。

推薦方案

UEditor —— 百度出品，必屬精品

為什麼選 UEditor

• 圖文混編原生支持：工具欄集成圖片上傳、拖拽排版、浮動對齊、圖片標題等。
• 零配置上傳：後端只需實現標準上傳接口（返回 {state:"SUCCESS", url:"..."}），前端自動處理預覽、插入。
• 輸出標準 HTML：便於存儲、搜索、多端展示（PC/移動端/小程序）。
• 國產化適配好：中文語境下的粘貼清理、輸入法兼容、表情包、視頻插入等體驗優於 CKEditor/TinyMCE。
• 開源免費：MIT 協議，可商用、可二次開發。

快速集成

<script src="ueditor/ueditor.config.js"></script>
<script src="ueditor/ueditor.all.min.js"></script>
<textarea id="editor" name="content"></textarea>
<script> UE.getEditor('editor'); </script>

後端（以 ASP.NET 為例）處理上傳：

public ActionResult Upload() {
    var file = Request.Files["upfile"];
    var path = SaveFile(file); // 保存到 /uploads/xxx.jpg
    return Json(new { state = "SUCCESS", url = path, title = file.FileName, original = file.FileName });
}

替代方案

• WangEditor：輕量、現代 API、TypeScript 寫作、移動端優先。
• Quill：模塊化、Delta 格式、協同編輯友好。
• TinyMCE 5/6：企業級、插件豐富、需購買商業授權解鎖高級功能。

**中文項目、圖文混編、快速上線：UEditor 仍是性價比之王。**