wangeditor编辑器

浪淘沙2年前后端261
<!--编辑器-->
<link href="/wangeditor/style.css" rel="stylesheet" />
<script src="/wangeditor/index.js"></script>
<div style="border: 1px solid #ccc;">
    <div id="editor-toolbar" style="border-bottom: 1px solid #ccc;"></div>
    <div id="editor-text-area" style="height: 350px"></div>
    <textarea id="textarea" name="textarea" hidden></textarea>

</div>

<script>
    const E = window.wangEditor
    window.editor = E.createEditor({
        selector: '#editor-text-area',
        html: '',
        config: {
            // placeholder: 'Type here...',
            MENU_CONF: {
                uploadImage: {
                    fieldName: 'your-fileName',
                    base64LimitSize: 10 * 1024 * 1024 // 10M 以下插入 base64
                }
            },
            onChange(editor) {
                const html = editor.getHtml();
                // console.log(editor.getHtml());
                document.getElementById('textarea').value = html;
            }
        }
    })
</script>


相关文章

asp.net core url编码

using System.Text.Encodings.Web; string url = "测试 参数 &&nbs...

asp.net core postgresql 大数据高性能分页

 /// <summary> /// 分页:返回json格式,参数加密 /// </summary> /// <param nam...

visual studio 配置 asp.net core razor .shtml文件类型和包含,支持跨平台通用

自己在 ASP.NET Core 里写 Middleware 解析 SSI自己在 ASP.NET Core 里写 Middleware 解析 ...

JNTemplate 文章标签解析

using JinianNet.JNTemplate; using Microsoft.AspNetCore.Mvc; using Microsoft.AspNetC...

Razor 遍历 DataTable

@using System.Data <table class="table table-bordered table-striped&n...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。