wangEditor遇到的一些问题

1. 数据的回显

editorA.txt.html(entity.details)

2. 对编辑器的值进行数据处理

  //富文本框
            var dataA = editorA.txt.html();
            var textElemReg = /<([a-z]+?)(?:\s+?[^>]*?)?>\s*?<\/\1>/;
            var replaceP = /<p><br><\/p><p><br><\/p>/;
            do{
                dataA = dataA.replace(textElemReg, '');
            }while(textElemReg.test(dataA)); // 去除多余的空标签
            do{
                dataA = dataA.replace(replaceP, '');
            }while(replaceP.test(dataA)); // 去除多余的换行符

3. 对富文本框内的文字进行字数判断

 var details=dataA;
            if(details!=null&&details!=''){
                var length=jmz.GetLength(details);
                if(length>400){
                    layer.msg('汉字不能超过200个,英文不能超过400个', {icon: 5});
                    return;
                }
            }else{
                layer.msg("详细说明必填", {icon: 5});
                return;
            }

4. 中文计算长度,一个文字算两个字符。

 var jmz = {};
        jmz.GetLength = function(str) {
            return str.replace(/[\u0391-\uFFE5]/g,"aa").length;  //先把中文替换成两个字节的英文,在计算长度
        };

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要设置wangEditor中的斜体和加粗样式,可以使用HTML中的<strong>和标签。然而,在原生HTML中,这些标签可能无法正常显示。为了解决这个<em>问题,你可以通过设置wangEditor的自定义配置来实现。具体来说,你可以在wangEditor的配置中添加一个onchange事件,用来监听编辑器内容的变化。在这个事件的回调函数中,你可以通过正则表达式替换<strong>和标签为适合<em>wangEditor的样式。例如,你可以使用以下代码来设置斜体和加粗样式: ```javascript this.editor.customConfig.onchange = (html) => { // 替换斜体标签为wangEditor的样式 html = html.replace(/<em>(.*?)<\/em>/g, '<i>$1</i>'); // 替换加粗标签为wangEditor的样式 html = html.replace(/<strong>(.*?)<\/strong>/g, '<b>$1</b>'); // 更新编辑器内容 this.editor.txt.html(html); }; ``` 通过这样的设置,当用户输入和<strong>标签时,它们将被替换为<em>wangEditor中的斜体和加粗样式,并正确显示在编辑器中。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [vue 中使用wangeditor 配置字号,无效果](https://blog.csdn.net/weixin_39929683/article/details/114474613)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [Ueditor加粗和斜体功能无效](https://blog.csdn.net/yy1098029419/article/details/89522043)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值