javascript - div 的内容应始终以大写字母开头并以句号结尾

Question

我想允许用户删除 div 标签中的单词，我只需将所有单词包装到 <span> 中即可做到这一点标签和目标标签，见 awesome jsFiddle 。

所以div里面的句子是:

Hello world! 進撃の巨人 What isn't reality?

我的问题是，如何让句子总是以大写字母开头并以句号结尾，除非如果句子以这些字符中的任何一个结尾: .?!'")

所以如果用户删除了几个单词和句子是:

world! 進撃の巨人 What isn't

然后我希望它转换为:

World! 進撃の巨人 What isn't.

Answer 1

试试这个更新的fiddle

var endChars = [".", "?", "!", "\"", "'"];

jQuery(document).ready(function() {
    jQuery('.editable span').bind("mousedown", function() {

       jQuery(this).fadeOut(function(){
          var parentObj = $(this).parent();
          $(this).remove();
          var text = parentObj.find("span").first().html();
          console.log(text);
          parentObj.find("span").first().html(capitalizeFirstLetter(text)); 
          text = parentObj.find("span").last().html();
          if ( endChars.indexOf(text.slice(-1))  == -1 )
          {
            console.log(text);
            parentObj.find("span").last().html(text+"."); 
          }
       });

    });
});

function capitalizeFirstLetter(string) {
    return string.charAt(0).toUpperCase() + string.slice(1);
}