UEditor编辑器增加placeholder提示

本文介绍如何使用UEditor实现编辑器的占位符功能，通过监听编辑器的聚焦和失焦事件来显示和隐藏提示文本，确保编辑区域在没有输入内容时显示指定的占位符文字。          

var source = UE.getEditor('source');

        UE.Editor.prototype.placeholder = function (justPlainText) {
            var _editor = this;
            _editor.addListener("focus", function () {
                var localHtml = _editor.getPlainTxt();
                if ($.trim(localHtml) === $.trim(justPlainText)) {
                    _editor.setContent("");
                }
            });
            _editor.addListener("blur", function () {
                var localHtml = _editor.getContent();
                if (!localHtml) {
                    //_editor.setContent('<p style="color: #CDCDCD">' + justPlainText + '</p>');
                    _editor.setContent(justPlainText);
                }
            });
            _editor.ready(function () {
                _editor.fireEvent("blur");
            });
        };
        source.placeholder("此处输入问题描述，请在附件中上传图片……");

<script id="source" name="workTask.description" type="text/plain" style="width:99%;height:300px" >${workTask.description}</script>

来源:https://blog.csdn.net/huangbaokang/article/details/103874689