jquery编辑器

jQuery 编辑器推荐

1. Trumbowyg
轻量级 jQuery 编辑器（仅 20KB），支持基本格式化（加粗、斜体、列表等）和图片上传。适合简单内容编辑需求。
官网：https://alex-d.github.io/Trumbowyg/

2. Summernote
功能丰富的编辑器，支持拖拽图片上传、代码高亮和表格插入。依赖 Bootstrap，适合现代化项目。
官网：https://summernote.org/

3. TinyMCE
企业级编辑器（支持 jQuery 集成），提供插件系统（如拼写检查、OCR）。需商业授权用于高级功能。
官网：https://www.tiny.cloud/

4. CKEditor 4
经典 jQuery 兼容版本，支持自定义皮肤和插件。适合需要深度定制的场景。
官网：https://ckeditor.com/ckeditor-4/

集成示例（以 Summernote 为例）

<!-- 引入依赖 -->
<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>

<!-- HTML 元素 -->
<div id="editor"></div>

<!-- 初始化脚本 -->
<script>
$(document).ready(function() {
    $('#editor').summernote({
        height: 300,
        toolbar: [
            ['style', ['bold', 'italic']],
            ['insert', ['link', 'picture']]
        ]
    });
});
</script>

选择建议

• 简单需求：Trumbowyg
• 平衡功能与体积：Summernote
• 企业级应用：TinyMCE 或 CKEditor 4

注意：部分编辑器（如 TinyMCE 5+）已转向原生 JavaScript，需确认版本兼容性。