wangeditor编辑器

浪淘沙1年前后端190
<!--编辑器-->
<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 编码

 return Redirect("tj_send?fst=" + fst + "&rq1=" + rq1 + "&rq2=...

ubuntu 删除asp.net core 8.0

1. 查找已安装的 ASP.NET Core 8.0 版本dotnet --list-runtimes dotnet --list-sdks2. 删除 ASP.NET Core...

JNTemplate 模板标签读取dt数据

一、模板标签using JinianNet.JNTemplate; private readonly SqlSugar.ISqlSugarClient _db;...

asp.net core MiniExcelLibs 导出excel

public IActionResult OnPostDown() {        DataTable ...

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

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

asp.net core rzaor page 中的ViewComponent 视图用法

asp.net core rzaor page 中的ViewComponent 视图用法

1、/Pages/Components 新建:MyViewComponent.csusing Microsoft.AspNetCore.Mvc; namespace xxts...

发表评论    

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