Question

当我加载编辑器编辑器

时

$('#redactor").redactor();

使用默认文本

加载

点击添加评论...

在编辑器内部单击后，文本将被删除。

有没有一种方法（简单的，内置的）在编辑器外部单击并且编辑器为空（没有写入任何内容）时取回文本？

谢谢。

Answer 1

你只需要在你应用redactor编辑器的div上面添加一个额外的div，然后点击那个div就可以初始化你的编辑器。

Fiddle

$(function(){
    $('#upperDiv').click(function(){
       $.getScript("http://imperavi.com/js/redactor/redactor.js",function(){
             $('#article').redactor();   
      });

    });        
});



<div id = 'upperDiv' style='border: 1px red solid;height:300px;width:300px '>
    <div id="article">

    </div>
</div>

Answer 2

这对您有用，与其他编辑有类似的问题。

注意：我使用默认的redactors类来定位元素。

第1部分（html点击功能）检查是否在html文档中进行了单击，然后在页面上收集每个编辑器编辑器的值，如果这些值（修剪后）为null或''它设置内部html为redactor文本框为其默认值（从初始化获得）

第二部分检查是否在编辑器中进行了单击，如果值为null或具有内联元素，则删除内部的任何内容。

 $('html').click(function() {
    $.each($('.redactor_comment_textbox'), function() {
        var editorValue = $(this).html();
        if (editorValue.trim() == '') {
            $('.redactor_comment_textbox').html('<inline class="redactor_placeholder">Click to add a comment...</inline>');
        }
    });
});

$('.redactor_comment_textbox').click(function(event){
    event.stopPropagation();
    var editorValue = $(this).html();
    if (editorValue.trim() == '' || editorValue.substring(1,7)  == 'inline' ) {
        $(this).html(null);
    }
});

单击编辑器外部后的Redactor默认文本

2 个答案: