Текст редактора по умолчанию после нажатия вне редактора

Это должно сработать для вас, была аналогичная проблема с другим редактором.

Примечание. Я использую классы редакторов по умолчанию для нацеливания на элементы.

1-я часть (функция клика html) проверяет, был ли сделан щелчок в html-документе, а затем собирает значение каждого редактора редактора на странице, если эти значения (после обрезки) равны нулю или '', он устанавливает внутренний html текстового поля редактора к его значению по умолчанию (получено от инициализации)

2-я часть проверяет, был ли сделан щелчок в редакторе, и удаляет что-либо внутри, если значение равно 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);
    }
});

Вам просто нужно добавить дополнительный div над div, к которому вы применяете редактор редактора, и щелкнув этот div, просто инициализируйте свой редактор.

Скрипка

$(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>