wangeditor编辑器

浪淘沙2年前后端304
<!--编辑器-->
<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 razor 读取form中,同一name的值 分解

asp.net core razor 读取form中,同一name的值 分解

@page @model xxtsoft.Web.Entry.Pages.sysadmins.mb.mbModel @{     Layout&...

asp.net core 图片转正

在 ASP.NET Core 中将图片旋转为正向,通常你需要处理图片的 EXIF 信息,因为一些相机和手机拍摄的照片会包含方向信息,表示照片应该如何旋转才能显示为正确的方向。可以使用一个图像处理库来实...

asp.net core url编码

 HttpUtility.UrlEncode("https://fdy.eduw.cn/zf/index")...

SqlSugar 无实体更新

 #region 保存反馈回复  /// <summary>  /// 保存反馈回复  /// <...

asp.net core razor 一个页面多个提交

<form method="post">     <button type="submit...

asp.net core MiniExcelLibs 导出excel

public IActionResult OnPostDown() {        DataTable ...

发表评论    

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