wangEditor（轻量级富文本编辑器）

最新推荐文章于 2025-10-03 22:47:46 发布

原创

最新推荐文章于 2025-10-03 22:47:46 发布 · 590 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#laravel #富文本 #其他

wangEditor是一款轻量级的富文本编辑器，适用于前端开发。本文介绍了获取编辑内容的方法和注意事项，包括引用文件、菜单与编辑区分离、内容获取以及解决与现有textarea冲突的问题。建议参照官方文档进行详细配置。

官网：www.wangEditor.com
文档：www.kancloud.cn/wangfupeng/wangeditor3/332599
源码：github.com/wangfupeng1988/wangEditor

点击下载最新版的压缩包，解压之后引用文件（具体请看文档）。

菜单栏和编辑区域分离：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>wangEditor 菜单和编辑器区域分离</title>
    <style type="text/css">
        .toolbar {
            border: 1px solid #ccc;
        }
        .text {
            border: 1px solid #ccc;
            height: 400px;
        }
    </style>
</head>
<body>
    <div id="div1" class="toolbar">
    </div>
    <div style="padding: 5px 0; color: #ccc">中间隔离带</div>
    <div id="div2" class="text"&g