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

Question

当我加载编者编辑器时

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

它用默认文本加载。

单击以添加注释..。

一旦在编辑器中单击，文本就会被删除。

是否有一种方法(简单，内置)在编辑器外单击文本后返回文本，而编辑器为空(没有写入任何内容)？

谢谢。

Answer 1

这应该适用于你，有类似的问题与另一个编辑。

注意:我使用默认的编者类来针对元素。

第一部分(html单击函数)检查html文档中是否进行了单击，然后收集页面上每个编者编辑器的值，如果这些值(在修整后)为null或'‘，则它将编者文本框的内部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);
    }
});

Answer 2

您只需要在应用编者编辑器的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>