harry
5 years ago
parent
6706cb5135
commit
54a44ebb61
@ -1,61 +0,0 @@
|
||||
import React, { Component } from 'react';
|
||||
|
||||
const _origin = window.location.origin;
|
||||
|
||||
class CommentItemKEEditor extends Component {
|
||||
|
||||
componentDidUpdate(prevProps) {
|
||||
const { item, currentReplyComment } = this.props;
|
||||
if (prevProps.showReplyEditorFlag != this.props.showReplyEditorFlag &&
|
||||
currentReplyComment && currentReplyComment.id == item.id) {
|
||||
this.showOrHideEditor(currentReplyComment)
|
||||
}
|
||||
}
|
||||
// 如果未初始化，会先初始化
|
||||
showOrHideEditor = (comment) => {
|
||||
const { user } = this.props;
|
||||
console.log('initReply ', comment)
|
||||
|
||||
const $ = window.$;
|
||||
var id = comment.id
|
||||
var reply_message_el = `#reply_message_${id}`
|
||||
var reply_iconup_el = `#reply_iconup_${id}`
|
||||
if ($(reply_message_el).html() == "") {
|
||||
$(".reply_to_message").html("");
|
||||
$(reply_message_el).html(`<div className=\"orig_reply_box borderBottomNone reply_to_message\" id=\"reply_to_message_${id}\">\n <div class=\"homepagePostReplyPortrait mr15 imageFuzzy fl\" id=\"reply_image_${id}\"><a href=\"${user.user_url}\" target=\"_blank\" alt=\"用户头像\"><img alt=\"0?1442652658\" height=\"33\" src=\"${_origin}/images/${user.image_url}\" width=\"33\" /><\/a><\/div>\n <div class=\"orig_textarea fl\" style=\"margin-bottom: 0px\">\n <div nhname=\'new_message_${id}\'>\n <form accept-charset=\"UTF-8\" action=\"/discusses?challenge_id=118&dis_id=61&dis_type=Shixun\" data-remote=\"true\" id=\"new_comment_form\" method=\"post\"><div style=\"margin:0;padding:0;display:inline\"><input name=\"utf8\" type=\"hidden\" value=\"✓\" /><input name=\"authenticity_token\" type=\"hidden\" value=\"HJTbMpfI8LKUpwghfkvgB2SaMmcIVyVdAezyKmzJ7FU=\" /><\/div>\n <input type=\"hidden\" id=\"dis_reply_id\" name=\"reply_id\" value=\"${id}\">\n <div nhname=\'toolbar_container_${id}\'><\/div>\n <textarea placeholder=\"有问题或有建议，请直接给我留言吧！\" id=\"comment_news_${id}\" style=\"display: none\" nhname=\'new_message_textarea_${id}\' name=\"content\"><\/textarea>\n <a id=\"new_message_submit_btn_${id}\" href=\"javascript:void(0)\" onclick=\"this.style.display=\'none\'\" class=\"mt10 task-btn task-btn-orange fr\">发送<\/a>\n <div class=\"cl\"><\/div>\n <p nhname=\'contentmsg_${id}\'><\/p>\n<\/form> <\/div>\n <div class=\"cl\"><\/div>\n <\/div>\n <div class=\"cl\"><\/div>\n<\/div>\n`); //" ide语法识别
|
||||
$(reply_iconup_el).show();
|
||||
$(function () {
|
||||
window.sd_create_editor_from_data(id, null, "100%", "Discuss");
|
||||
});
|
||||
|
||||
} else {
|
||||
if ($(reply_message_el).is(':visible')) {
|
||||
$(reply_message_el).hide();
|
||||
} else {
|
||||
$(reply_message_el).show();
|
||||
}
|
||||
}
|
||||
// 自动focus
|
||||
setTimeout(() => {
|
||||
var iframe = $(`#reply_to_message_${id}`).find('iframe')[0]
|
||||
iframe && iframe.contentDocument.body.focus()
|
||||
}, 200)
|
||||
|
||||
}
|
||||
|
||||
render() {
|
||||
const { match, history, item, user } = this.props
|
||||
if (!item) {
|
||||
return <div></div>
|
||||
}
|
||||
|
||||
return (
|
||||
<div>
|
||||
<div className="cl"></div>
|
||||
<div id={`reply_message_${item.id}`} className="reply_to_message"></div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default (CommentItemKEEditor);
|
||||
Loading…
Reference in new issue