ueditor设置placeholder,记录一下

// 去除换行<br>
                            function ClearBr(key) {
                                key = key.replace(/<\/?.+?>/g, "");
                                key = key.replace(/[\r\n]/g, ""); return key
                            }
                            UE.Editor.prototype.placeholder = function (justPlainText, justPlainText1, justPlainText2) {
                                var _editor = this;
                                _editor.addListener("focus", function () {
                                    var localHtml = _editor.getPlainTxt();
                                    if (ClearBr($.trim(localHtml)) === $.trim(justPlainText)) {
                                        _editor.setContent("");
                                    }
                                });
                                _editor.addListener("blur", function () {
                                    var localHtml = _editor.getContent();
                                    if (!localHtml) {
                                        _editor.setContent('<span style="color: #aaa">' + justPlainText1 + '</span><br><span style="color: #aaa">' + justPlainText2 + '</span>');//提示语字体灰色
                                        //_editor.setContent(justPlainText);//提示语字体黑色
                                        $("#edui1_wordcount").html("字数统计")
                                    }
                                });
                                _editor.ready(function () {
                                    _editor.fireEvent("blur");
                                });
                                //此处很重要增加了beforeExecCommand事件,解决了当一开始就上传图片等操作时placeholder不会消失得bug,优化了内容匹配
                                _editor.addListener('beforeExecCommand', function () {
                                    _editor.focus(true);
                                });
                            };
                            var myeditor = UE.getEditor('txtProcDesc', {
                                toolbars: [
                                    [
                                        //"fullscreen",
                                        "undo",
                                        "redo",
                                        "|",
                                        "fontfamily",
                                        "fontsize",
                                        "|",
                                        "bold",
                                        "italic",
                                        "underline",
                                        "removeformat",
                                        //"pasteplain",
                                        "|",
                                        "forecolor",
                                        "backcolor",
                                        //"lineheight",
                                        "|",
                                        //"simpleupload",
                                        "insertimage",
                                    ]
                                ],
                                lang: "en",
                                pasteplain: true
                                //更多其他参数,请参考ueditor.config.js中的配置项
                            });
                            //实例化编辑器example
                            if ($("元素").val() == "") {
                                myeditor.placeholder("传值, "传值", "传值");
                            }

多个参数是为了分行展示placeholder

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值