🏗️

skins/iMobile/js/page.js

@@ -0,0 +1,748 @@
+/*
+ * Copyright (c) 2010-2018, b3log.org & hacpai.com
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * @fileoverview Page util, load heighlight and process comment.
+ *
+ * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
+ * @author <a href="http://88250.b3log.org">Liang Ding</a>
+ * @version 1.4.0.0, Nov 10, 2017
+ */
+var Page = function (tips) {
+  this.currentCommentId = "";
+  this.tips = tips;
+};
+$.extend(Page.prototype, {
+  /*
+   * @description 评论时点击表情，在评论内容中插入相关代码
+   * @param {String} name 用于区别回复评论还是对文章的评论
+   */
+  insertEmotions: function (name) {
+    var _it = this;
+    if (name === undefined) {
+      name = "";
+    }
+
+    $("#emotions" + name + " span").click(function () {
+      var $comment = $("#comment" + name);
+      var endPosition = _it._getCursorEndPosition($comment[0]);
+      var key = this.title + ' ',
+        textValue = $comment[0].value;
+      textValue = textValue.substring(0, endPosition) + key + textValue.substring(endPosition, textValue.length);
+      $("#comment" + name).val(textValue);
+      if ($.browser.msie) {
+        endPosition -= textValue.split('\n').length - 1;
+        var oR = $comment[0].createTextRange();
+        oR.collapse(true);
+        oR.moveStart('character', endPosition + key.length);
+        oR.select();
+      } else {
+        $comment[0].setSelectionRange(endPosition + key.length, endPosition + key.length);
+      }
+    });
+  },
+  /**
+   * @description 获取当前光标最后位置
+   * @param {Dom} textarea 评论框对象
+   * @returns {Num} 光标位置
+   */
+  _getCursorEndPosition: function (textarea) {
+    textarea.focus();
+    if (textarea.setSelectionRange) { // W3C
+      return textarea.selectionEnd;
+    } else if (document.selection) { // IE
+      var i = 0,
+        oS = document.selection.createRange(),
+        oR = document.body.createTextRange();
+      oR.moveToElementText(textarea);
+      oS.getBookmark();
+      for (i = 0; oR.compareEndPoints('StartToStart', oS) < 0 && oS.moveStart("character", -1) !== 0; i++) {
+        if (textarea.value.charAt(i) === '\n') {
+          i++;
+        }
+      }
+      return i;
+    }
+  },
+  /*
+   * @description 评论校验
+   * @param {String} state 用于区别回复评论还是对文章的评论
+   */
+  validateComment: function (state) {
+    if (Util.isLoggedIn()) {
+      var commenterContent = $("#comment" + state).val().replace(/(^\s*)|(\s*$)/g, "");
+      if (2 > commenterContent.length || commenterContent.length > 500) {
+        $("#commentErrorTip" + state).html(this.tips.commentContentCannotEmptyLabel);
+        $("#comment" + state).focus();
+      } else {
+        return true;
+      }
+      $("#commentErrorTip" + state).show();
+      return false;
+    }
+
+    var commentName = $("#commentName" + state).val().replace(/(^\s*)|(\s*$)/g, ""),
+      commenterContent = $("#comment" + state).val().replace(/(^\s*)|(\s*$)/g, "");
+    if (2 > commentName.length || commentName.length > 20) {
+      $("#commentErrorTip" + state).html(this.tips.nameTooLongLabel);
+      $("#commentName" + state).focus();
+    } else if ($("#commentEmail" + state).val().replace(/\s/g, "") === "") {
+      $("#commentErrorTip" + state).html(this.tips.mailCannotEmptyLabel);
+      $("#commentEmail" + state).focus();
+    } else if (!/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i.test($("#commentEmail" + state).val())) {
+      $("#commentErrorTip" + state).html(this.tips.mailInvalidLabel);
+      $("#commentEmail" + state).focus();
+    } else if (2 > commenterContent.length || commenterContent.length > 500) {
+      $("#commentErrorTip" + state).html(this.tips.commentContentCannotEmptyLabel);
+      $("#comment" + state).focus();
+    } else if ($("#commentValidate" + state).val().replace(/\s/g, "") === "") {
+      $("#commentErrorTip" + state).html(this.tips.captchaCannotEmptyLabel);
+      $("#commentValidate" + state).focus();
+    } else {
+      return true;
+    }
+    $("#commentErrorTip" + state).show();
+    return false;
+  },
+  /*
+   * @description 把评论中的标识替换为图片
+   * @param {Dom} selector
+   */
+  replaceCommentsEm: function (selector) {
+    var $commentContents = $(selector);
+    for (var i = 0; i < $commentContents.length; i++) {
+      var str = $commentContents[i].innerHTML;
+      $commentContents[i].innerHTML = Util.replaceEmString(str);
+    }
+  },
+  /*
+   * @description 初始化 SyantaxHighlighter
+   * @param {Array} languages 需要加载的语言
+   */
+  _initSyntaxHighlighter: function (languages) {
+    // load brush js
+    for (var i = 0; i < languages.length; i++) {
+      switch (languages[i]) {
+        case "groovy":
+          languages[i] = 'groovy				' +
+            latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushGroovy.js';
+          break;
+        case "java":
+          languages[i] = 'java				' +
+            latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushJava.js';
+          break;
+        case "php":
+          languages[i] = 'php				' +
+            latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushPhp.js';
+          break;
+        case "scala":
+          languages[i] = 'scala				' +
+            latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushScala.js';
+          break;
+        case "sql":
+          languages[i] = 'sql				' +
+            latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushSql.js';
+          break;
+        case "applescript":
+          languages[i] = 'applescript			' +
+            latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushAppleScript.js';
+          break;
+        case "as3":
+        case "actionscript3":
+          languages[i] = 'actionscript3 as3                  ' +
+            latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushAS3.js';
+          break;
+        case "bash":
+        case "shell":
+          languages[i] = 'bash shell                         ' +
+            latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushBash.js';
+          break;
+        case "coldfusion":
+        case "cf":
+          languages[i] = 'coldfusion cf			' +
+            latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushColdFusion.js';
+          break;
+        case "c#":
+        case "c-sharp":
+        case "csharp":
+          languages[i] = 'c# c-sharp csharp                  ' +
+            latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushCSharp.js';
+          break;
+        case "cpp":
+        case "c":
+          languages[i] = 'cpp c				' +
+            latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushCpp.js';
+          break;
+        case "css":
+          languages[i] = 'css				' +
+            latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushCss.js';
+          break;
+        case "delphi":
+        case "pascal":
+          languages[i] = 'delphi pascal			' +
+            latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushDelphi.js';
+          break;
+        case "diff":
+        case "patch":
+        case "pas":
+          languages[i] = 'diff patch pas			' +
+            latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushDiff.js';
+          break;
+        case "erl":
+        case "erlang":
+          languages[i] = 'erl erlang                         ' +
+            latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushErlang.js';
+          break;
+        case "js":
+        case "jscript":
+        case "javascript":
+          languages[i] = 'js jscript javascript              ' +
+            latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushJScript.js';
+          break;
+        case "jfx":
+        case "javafx":
+          languages[i] = 'jfx javafx                 	' +
+            latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushJavaFX.js';
+          break;
+        case "perl":
+        case "pl":
+          languages[i] = 'perl pl                    	' +
+            latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushPerl.js';
+          break;
+        case "plain":
+        case "text":
+          languages[i] = 'text plain                 	' +
+            latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushPlain.js';
+          break;
+        case "ps":
+        case "powershell":
+          languages[i] = 'ps powershell                      ' +
+            latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushPowerShell.js';
+          break;
+        case "py":
+        case "python":
+          languages[i] = 'py python                          ' +
+            latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushPython.js';
+          break;
+        case "rails":
+        case "ror":
+        case "ruby":
+        case "rb":
+          languages[i] = 'ruby rails ror rb          	' +
+            latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushRuby.js';
+          break;
+        case "sass":
+        case "scss":
+          languages[i] = 'sass scss                  	' +
+            latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushSass.js';
+          break;
+        case "vb":
+        case "vbnet":
+          languages[i] = 'vb vbnet                   	' +
+            latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushVb.js';
+          break;
+        case "xml":
+        case "xhtml":
+        case "xslt":
+        case "html":
+          languages[i] = 'xml xhtml xslt html                ' +
+            latkeConfig.staticServePath + '/js/lib/SyntaxHighlighter/scripts/shBrushXml.js';
+          break;
+        default:
+          break;
+      }
+    }
+
+    // code high lighter
+    SyntaxHighlighter.autoloader.apply(null, languages);
+    SyntaxHighlighter.config.stripBrs = true;
+    SyntaxHighlighter.all();
+  },
+  /*
+   * @description 加载 SyntaxHighlighter
+   * @param {String} SHTheme SyntaxHighLighter 样式
+   */
+  _loadSyntaxHighlighter: function (SHTheme) {
+    var cssName = SHTheme ? SHTheme : "shCoreEclipse",
+      that = this;
+    // load css
+    if (document.createStyleSheet) {
+      document.createStyleSheet(latkeConfig.staticServePath + "/js/lib/SyntaxHighlighter/styles/" + cssName + ".css");
+    } else {
+      $("head").append($("<link rel='stylesheet' href='" + latkeConfig.staticServePath + "/js/lib/SyntaxHighlighter/styles/"
+        + cssName + ".css' type='text/css' charset='utf-8' />"));
+    }
+
+    // load js
+    $.ajax({
+      url: latkeConfig.staticServePath + "/js/lib/SyntaxHighlighter/scripts/shCore.js",
+      dataType: "script",
+      cache: true,
+      success: function () {
+        // get brush settings
+        var languages = [],
+          isScrip = false;
+        $(".article-body pre, .code-highlight pre").each(function () {
+          var name = this.className.split(";")[0];
+          var language = name.substr(7, name.length - 1);
+          if (this.className.indexOf("html-script: true") > -1 &&
+            (language !== "xml" && language !== "xhtml" &&
+              language !== "xslt" && language != "html")) {
+            isScrip = true;
+          }
+
+          languages.push(language);
+        });
+        // when html-script is true, need shBrushXml.js
+        if (isScrip) {
+          $.ajax({
+            url: latkeConfig.staticServePath + "/js/lib/SyntaxHighlighter/scripts/shBrushXml.js",
+            dataType: "script",
+            cache: true,
+            success: function () {
+              that._initSyntaxHighlighter(languages);
+            }
+          });
+        } else {
+          that._initSyntaxHighlighter(languages);
+        }
+      }
+    });
+  },
+  /*
+   * @description 解析语法高亮
+   * @param {Obj} obj 语法高亮配置参数
+   * @param {Obj} obj.SHTheme 语法高亮 SyntaxHighLighter 样式
+   */
+  parseLanguage: function (obj) {
+    var isPrettify = false,
+      isSH = false;
+    $(".article-body pre, .code-highlight pre").each(function () {
+      if (this.className.indexOf("brush") > -1) {
+        isSH = true;
+      }
+
+      if (this.className.indexOf("prettyprint") > -1) {
+        isPrettify = true;
+      }
+    });
+
+    if (isSH) {
+      this._loadSyntaxHighlighter(obj ? (obj.SHTheme ? obj.SHTheme : undefined) : undefined);
+      return false;
+    }
+
+    if (isPrettify) {
+      // load css
+      if (document.createStyleSheet) {
+        document.createStyleSheet(latkeConfig.staticServePath + "/js/lib/google-code-prettify/prettify.css");
+      } else {
+        $("head").append($("<link rel='stylesheet' href='" + latkeConfig.staticServePath + "/js/lib/google-code-prettify/prettify.css'>"));
+      }
+
+      // load js
+      $.ajax({
+        url: latkeConfig.staticServePath + "/js/lib/google-code-prettify/prettify.js",
+        dataType: "script",
+        cache: true,
+        success: function () {
+          prettyPrint();
+        }
+      });
+      return false;
+    }
+
+
+    // otherelse use highlight
+    // load css
+    if (document.createStyleSheet) {
+      document.createStyleSheet(latkeConfig.staticServePath + "/js/lib/highlight.js-9.6.0/styles/default.css");
+    } else {
+      $("head").append($("<link rel='stylesheet' href='" + latkeConfig.staticServePath + "/js/lib/highlight.js-9.6.0/styles/github.css'>"));
+    }
+    $.ajax({
+      url: latkeConfig.staticServePath + "/js/lib/highlight.js-9.6.0/highlight.pack.js",
+      dataType: "script",
+      cache: true,
+      success: function () {
+        hljs.initHighlighting.called = false;
+        hljs.initHighlighting();
+      }
+    });
+  },
+  /*
+   * @description 文章/自定义页面加载
+   * @param {Obj} obj 配置设定
+   * @param {Obj} obj.language 代码高亮配置
+   */
+  load: function (obj) {
+    var that = this;
+    // emotions
+    that.insertEmotions();
+    // language
+    that.parseLanguage(obj ? (obj.language ? obj.language : undefined) : undefined);
+    // submit comment
+    $("#commentValidate").keypress(function (event) {
+      if (event.keyCode === 13) {
+        that.submitComment();
+      }
+    });
+
+    $("#comment").keypress(function (event) {
+      if (event.keyCode === 13 && event.ctrlKey) {
+        that.submitComment();
+      }
+    });
+    // captcha
+    $("#captcha").click(function () {
+      $(this).attr("src", latkeConfig.servePath + "/captcha.do?code=" + Math.random());
+    });
+    // cookie
+    if (!Util.isLoggedIn()) {
+      $("#commentEmail").val(Cookie.readCookie("commentEmail"));
+      $("#commentURL").val(Cookie.readCookie("commentURL"));
+      $("#commentName").val(Cookie.readCookie("commentName"));
+    }
+    // if no JSON, add it.
+    try {
+      JSON
+    } catch (e) {
+      document.write("<script src=\"" + latkeConfig.staticServePath + "/js/lib/json2.js\"><\/script>");
+    }
+  },
+  /*
+   * @description 加载随机文章
+   * @param {String} headTitle 随机文章标题
+   */
+  loadRandomArticles: function (headTitle) {
+    var randomArticles1Label = this.tips.randomArticles1Label;
+    // getRandomArticles
+    $.ajax({
+      url: latkeConfig.servePath + "/get-random-articles.do",
+      type: "POST",
+      success: function (result, textStatus) {
+        var randomArticles = result.randomArticles;
+        if (!randomArticles || 0 === randomArticles.length) {
+          $("#randomArticles").remove();
+          return;
+        }
+
+        var listHtml = "";
+        for (var i = 0; i < randomArticles.length; i++) {
+          var article = randomArticles[i];
+          var title = article.articleTitle;
+          var randomArticleLiHtml = "<li>" + "<a rel='nofollow' title='" + title + "' href='" + latkeConfig.servePath +
+            article.articlePermalink + "'>" + title + "</a></li>";
+          listHtml += randomArticleLiHtml;
+        }
+
+        var titleHTML = headTitle ? headTitle : "<h4>" + randomArticles1Label + "</h4>";
+        var randomArticleListHtml = titleHTML + "<ul class='marginLeft12'>" + listHtml + "</ul>";
+        $("#randomArticles").append(randomArticleListHtml);
+      }
+    });
+  },
+  /*
+   * @description 加载相关文章
+   * @param {String} id 文章 id
+   * @param {String} headTitle 相关文章标题
+   */
+  loadRelevantArticles: function (id, headTitle) {
+    $.ajax({
+      url: latkeConfig.servePath + "/article/id/" + id + "/relevant/articles",
+      type: "GET",
+      success: function (data, textStatus) {
+        var articles = data.relevantArticles;
+        if (!articles || 0 === articles.length) {
+          $("#relevantArticles").remove();
+          return;
+        }
+        var listHtml = "";
+        for (var i = 0; i < articles.length; i++) {
+          var article = articles[i];
+          var title = article.articleTitle;
+          var articleLiHtml = "<li>"
+            + "<a rel='nofollow' title='" + title + "' href='" + latkeConfig.servePath + article.articlePermalink + "'>"
+            + title + "</a></li>"
+          listHtml += articleLiHtml
+        }
+
+        var relevantArticleListHtml = headTitle
+          + "<ul class='marginLeft12'>"
+          + listHtml + "</ul>";
+        $("#relevantArticles").append(relevantArticleListHtml);
+      },
+      error: function () {
+        $("#relevantArticles").remove();
+      }
+    });
+  },
+  /*
+   * @description 加载站外相关文章
+   * @param {String} tags 文章 tags
+   * @param {String} headTitle 站外相关文章标题
+   */
+  loadExternalRelevantArticles: function (tags, headTitle) {
+    var tips = this.tips;
+    try {
+      $.ajax({
+        url: "https://rhythm.b3log.org/get-articles-by-tags.do?tags=" + tags
+        + "&blogHost=" + tips.blogHost + "&paginationPageSize=" + tips.externalRelevantArticlesDisplayCount,
+        type: "GET",
+        cache: true,
+        dataType: "jsonp",
+        error: function () {
+          $("#externalRelevantArticles").remove();
+        },
+        success: function (data, textStatus) {
+          var articles = data.articles;
+          if (!articles || 0 === articles.length) {
+            $("#externalRelevantArticles").remove();
+            return;
+          }
+          var listHtml = "";
+          for (var i = 0; i < articles.length; i++) {
+            var article = articles[i];
+            var title = article.articleTitle;
+            var articleLiHtml = "<li>"
+              + "<a rel='nofollow' title='" + title + "' target='_blank' href='" + article.articlePermalink + "'>"
+              + title + "</a></li>"
+            listHtml += articleLiHtml
+          }
+
+          var titleHTML = headTitle ? headTitle : "<h4>" + tips.externalRelevantArticles1Label + "</h4>";
+          var randomArticleListHtml = titleHTML
+            + "<ul class='marginLeft12'>"
+            + listHtml + "</ul>";
+          $("#externalRelevantArticles").append(randomArticleListHtml);
+        }
+      });
+    } catch (e) {
+      // 忽略相关文章加载异常：load script error
+    }
+  },
+  /*
+   * @description 提交评论
+   * @param {String} commentId 回复评论时的评论 id
+   * @param {String} state 区分回复文章还是回复评论的标识
+   */
+  submitComment: function (commentId, state, reply) {
+    this.currentCommentId = commentId; // iadd
+    if (!state) {
+      state = '';
+    }
+    var that = this,
+      tips = this.tips,
+      type = "article";
+    if (tips.externalRelevantArticlesDisplayCount === undefined) {
+      type = "page";
+    }
+
+    if (this.validateComment(state)) {
+      $("#submitCommentButton" + state).attr("disabled", "disabled");
+      $("#commentErrorTip" + state).show().html(this.tips.loadingLabel);
+      var requestJSONObject = {
+        "oId": tips.oId,
+        "commentContent": $("#comment" + state).val().replace(/(^\s*)|(\s*$)/g, "")
+      };
+
+      if (!Util.isLoggedIn()) {
+        requestJSONObject = {
+          "oId": tips.oId,
+          "commentContent": $("#comment" + state).val().replace(/(^\s*)|(\s*$)/g, ""),
+          "commentEmail": $("#commentEmail" + state).val(),
+          "commentURL": Util.proessURL($("#commentURL" + state).val().replace(/(^\s*)|(\s*$)/g, "")),
+          "commentName": $("#commentName" + state).val().replace(/(^\s*)|(\s*$)/g, ""),
+          "captcha": $("#commentValidate" + state).val()
+        };
+        Cookie.createCookie("commentName", requestJSONObject.commentName, 365);
+        Cookie.createCookie("commentEmail", requestJSONObject.commentEmail, 365);
+        Cookie.createCookie("commentURL", $("#commentURL" + state).val().replace(/(^\s*)|(\s*$)/g, ""), 365);
+      }
+
+      if (state === "Reply" || reply) { // iadd
+        requestJSONObject.commentOriginalCommentId = commentId;
+      }
+
+      $.ajax({
+        type: "POST",
+        url: latkeConfig.servePath + "/add-" + type + "-comment.do",
+        cache: false,
+        contentType: "application/json",
+        data: JSON.stringify(requestJSONObject),
+        success: function (result) {
+          $("#submitCommentButton" + state).removeAttr("disabled");
+          if (!result.sc) {
+            $("#commentErrorTip" + state).html(result.msg);
+            $("#commentValidate" + state).val('');
+            $("#captcha" + state).click();
+            if (!Util.isLoggedIn()) {
+              $("#captcha" + state).attr("src", latkeConfig.servePath + "/captcha.do?code=" + Math.random());
+            }
+
+            return;
+          }
+
+          $("#comment" + state).val(result.commentContent); // Server processed XSS
+          $("#commentName" + state).val(result.commentName); // Server processed XSS
+
+          result.replyNameHTML = "";
+          if (!Util.isLoggedIn()) {
+            $("#captcha" + state).attr("src", latkeConfig.servePath + "/captcha.do?code=" + Math.random());
+            if ($("#commentURL" + state).val().replace(/\s/g, "") === "") {
+              result.replyNameHTML = '<a>' + $("#commentName" + state).val() + '</a>';
+            } else {
+              result.replyNameHTML = '<a href="' + Util.proessURL($("#commentURL" + state).val()) +
+                '" target="_blank">' + $("#commentName" + state).val() + '</a>';
+            }
+            result.userName = result.commentName;
+          } else {
+            result.replyNameHTML = '<a href="' + window.location.host +
+              '" target="_blank">' + Util.getUserName() + '</a>';
+            result.userName = Util.getUserName();
+          }
+		  
+		  if (typeof(addComment) === "undefined") { // https://github.com/b3log/solo/issues/12246
+		    that.addCommentAjax(Util.replaceEmString(result.cmtTpl), state);
+		  } else { // 1.9.0 向后兼容 iadd
+		    that.addCommentAjax(addComment(result, state, reply), state);
+		  }
+        }
+      });
+    }
+  },
+  /*
+   * @description 添加回复评论表单
+   * @param {String} id 被回复的评论 id
+   * @param {String} commentFormHTML 评论表单HTML
+   * @param {String} endHTML 判断该表单使用 table 还是 div 标签，然后进行构造
+   */
+  addReplyForm: function (id, commentFormHTML, endHTML) {
+    var that = this;
+    if (id === this.currentCommentId) {
+      if ($("#commentNameReply").val() === "") {
+        $("#commentNameReply").focus();
+      } else if ($("#commentEmailReply").val() === "") {
+        $("#commentEmailReply").focus();
+      } else {
+        $("#commentReply").focus();
+      }
+      return;
+    }
+    $("#replyForm").remove();
+    endHTML = endHTML ? endHTML : "";
+    if (endHTML === "</div>") {
+      $("#" + id).append(commentFormHTML + $("#commentForm").html() + endHTML);
+    } else {
+      $("#" + id).append(commentFormHTML + $("#commentForm").html() + "</table>" + endHTML);
+    }
+
+    // change id, bind event and set value
+    $("#replyForm input, #replyForm textarea").each(function () {
+      this.id = this.id + "Reply";
+    });
+    $("#commentNameReply").val(Cookie.readCookie("commentName"));
+    $("#commentEmailReply").val(Cookie.readCookie("commentEmail"));
+    var $label = $("#replyForm #commentURLLabel");
+    if ($label.length === 1) {
+      $label.attr("id", "commentURLLabelReply");
+    }
+
+    $("#commentURLReply").val(Cookie.readCookie("commentURL"));
+    $("#replyForm #emotions").attr("id", "emotionsReply");
+    this.insertEmotions("Reply");
+    $("#commentReply").unbind().keypress(function (event) {
+      if (event.keyCode === 13 && event.ctrlKey) {
+        that.submitComment(id, 'Reply');
+        event.preventDefault();
+      }
+    });
+    $("#commentValidateReply").unbind().keypress(function (event) {
+      if (event.keyCode === 13) {
+        that.submitComment(id, 'Reply');
+        event.preventDefault();
+      }
+    });
+    $("#replyForm #captcha").attr("id", "captchaReply").attr("src", latkeConfig.servePath + "/captcha.do?" + new Date().getTime()).click(function () {
+      $(this).attr("src", latkeConfig.servePath + "/captcha.do?code=" + Math.random());
+    });
+    $("#replyForm #commentErrorTip").attr("id", "commentErrorTipReply").html("").hide();
+    $("#replyForm #submitCommentButton").attr("id", "submitCommentButtonReply");
+    $("#replyForm #submitCommentButtonReply").unbind("click").removeAttr("onclick").click(function () {
+      that.submitComment(id, 'Reply');
+    });
+    if ($("#commentNameReply").val() === "") {
+      $("#commentNameReply").focus();
+    } else if ($("#commentEmailReply").val() === "") {
+      $("#commentEmailReply").focus();
+    } else {
+      $("#commentReply").focus();
+    }
+
+    this.currentCommentId = id;
+  },
+  /*
+   * @description 隐藏回复评论的浮出层
+   * @parma {String} id 被回复的评论 id
+   */
+  hideComment: function (id) {
+    $("#commentRef" + id).hide();
+  },
+  /*
+   * @description 显示回复评论的浮出层
+   * @parma {Dom} it 触发事件的 dom
+   * @param {String} id 被回复的评论 id
+   * @param {Int} top 位置相对浮出层的高度
+   * @param {String} [parentTag] it 如果嵌入在 position 为 relative 的元素 A 中时，需取到 A 元素
+   */
+  showComment: function (it, id, top, parentTag) {
+    var positionTop = parseInt($(it).position().top);
+    if (parentTag) {
+      positionTop = parseInt($(it).parents(parentTag).position().top);
+    }
+    if ($("#commentRef" + id).length > 0) {
+      // 此处重复设置 top 是由于评论为异步，原有回复评论的显示位置应往下移动
+      $("#commentRef" + id).show().css("top", (positionTop + top) + "px");
+    } else {
+      var $refComment = $("#" + id).clone();
+      $refComment.addClass("comment-body-ref").attr("id", "commentRef" + id);
+      $refComment.find("#replyForm").remove();
+      $("#comments").append($refComment);
+      $("#commentRef" + id).css("top", (positionTop + top) + "px");
+    }
+  },
+  /*
+   * @description 回复不刷新，将回复内容异步添加到评论列表中
+   * @parma {String} commentHTML 回复内容 HTML
+   * @param {String} state 用于区分评论文章还是回复评论
+   */
+  addCommentAjax: function (commentHTML, state) {
+    if ($("#comments").children().length > 0) {
+      $($("#comments").children()[0]).before(commentHTML);
+    } else {
+      $("#comments").html(commentHTML);
+    }
+
+    if (state === "") {
+      $("#commentErrorTip").html("").hide();
+      $("#comment").val("");
+      $("#commentValidate").val("");
+      $("#captcha").attr("src", latkeConfig.servePath + "/captcha.do?code=" + Math.random());
+    } else {
+      $("#replyForm").remove();
+    }
+    window.location.hash = "#comments";
+  }
+});