wangEditor一个纯js，css的富文本编辑器

最新推荐文章于 2021-11-21 23:40:07 发布

-Dayer-

最新推荐文章于 2021-11-21 23:40:07 发布

阅读量875

点赞数

分类专栏：富文本编辑器文章标签： wangEditor 富文本编辑器 js HTML css

本文链接：https://blog.csdn.net/WDCCSDN/article/details/82143289

版权

富文本编辑器专栏收录该内容

2 篇文章 0 订阅

订阅专栏

代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>wangEditor 一个页面多个编辑器</title>
    <link rel="stylesheet" href="wangEditor.min.css">
    <style type="text/css">
        .toolbar {
            background-color: #f1f1f1;
            border: 1px solid #ccc;
        }
        .text {
            border: 1px solid #ccc;
            height: 200px;
        }
    </style>
</head>
<body>
<div id="div1">
    
</div>

<script type="text/javascript" src="wangEditor.min.js"></script>
<script type="text/javascript">
var E = window.wangEditor
var editor = new E('#div1')
editor.customConfig.colors = [
    '#000000',
    '#eeece0',
    '#1c487f',
    '#4d80bf',
    '#c24f4a',
    '#8baa4a',
    '#7b5ba1',
    '#46acc8',
    '#f9963b',
    '#ffffff'
]
editor.customConfig.emotions = [
    {
        // tab 的标题
        title: '默认',
        // type -> 'emoji' / 'image'
        type: 'image',
        // content -> 数组
        content: [
            {
                alt: '[坏笑]',
                src: 'http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/50/pcmoren_huaixiao_org.png'
            },
            {
                alt: '[舔屏]',
                src: 'http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/40/pcmoren_tian_org.png'
            }
        ]
    },
    {
        // tab 的标题
        title: 'emoji',
        // type -> 'emoji' / 'image'
        type: 'emoji',
        // content -> 数组
        content: ['

-Dayer-

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
wangEditor一个纯js，css的富文本编辑器

代码：&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;wangEditor 一个页面多个编辑器&lt;/title&gt; &lt;link rel="stylesheet" href="wang
复制链接

扫一扫