解决layedit富文本编辑器placeholder不显示的问题

Step1：找到modules/layedit.js文件，修改setIframe函数

在监听load事件的回调方法中添加一行

var placeHolder = textArea.getAttribute('placeholder') || '';

在style数组中添加

'body:empty:before{content:"' + placeHolder + '";color:rgba(0,0,0,.45)}'

修改后的代码如下：

//iframe初始化
var setIframe = function(editor, textArea, set) {
    var that = this,
        iframe = editor.find('iframe');
    iframe.css({
        height: set.height
    }).on('load', function() {
        var placeHolder = textArea.getAttribute('placeholder') || '';
        var conts = iframe.contents(),
            iframeWin = iframe.prop('contentWindow'),
            head = conts.find('head'),
            style = $([
                '<style>',
                '*{margin: 0; padding: 0;}',
                'body{padding: 10px; line-height: 20px; overflow-x: hidden; word-wrap: break-word; font: 14px Helvetica Neue,Helvetica,PingFang SC,Microsoft YaHei,Tahoma,Arial,sans-serif; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}',
                'body:empty:before{content:"' + placeHolder + '";color:rgba(0,0,0,.45)}',
                'a{color:#01AAED; text-decoration:none;}a:hover{color:#c00}',
                'p{margin-bottom: 10px;}', 'img{display: inline-block; border: none; vertical-align: middle;}',
                'pre{margin: 10px 0; padding: 10px; line-height: 20px; border: 1px solid #ddd; border-left-width: 6px; background-color: #F2F2F2; color: #333; font-family: Courier New; font-size: 12px;}',
                '</style>'
            ].join('')),
            body = conts.find('body');
        head.append(style);
        body.attr('contenteditable', 'true').css({
            'min-height': set.height
        }).html(textArea.value || '');
        hotkey.apply(that, [iframeWin, iframe, textArea, set]); //快捷键处理
        toolActive.call(that, iframeWin, editor, set); //触发工具
    });
}

Step2：在html代码中添加

placeholder="请输入正文内容"

<textarea id="editor" name="content" placeholder="请输入正文内容" hidden>

Step3：创建富文本编辑器

var editIndex = jcent.layedit.build('editor', {
    tool: ['strong', 'italic', 'underline', 'del'],
    height: 120
});