作业、组织帖子描述框的自动增高

app/views/homework_common/edit.html.erb

@@ -5,7 +5,11 @@
         $("#homework_end_time").val("");
         $("#course_id").val($("#option_select").val());
         $("#homework_attachments").html("<%= escape_javascript(render :partial => 'users/user_homework_attachment', :locals => { :container => HomeworkCommon.new })%>");
-        homework_description_editor.html("");
+        //homework_description_editor.html("");
+        $("#homework_name_span").text("");
+        $("#homework_end_time_span").text("");
+        $("#homework_end_time_span").text("");
+        $("#homework_course_id_span").text("");
         $("#homework_editor").toggle();
     }
     function cancel_edit(){
@@ -26,7 +30,7 @@
 <div class="cl"></div>
 
 <!-- 老师身份才可以发布作业 -->
-<div class="HomeWork mb10">
+<div class="HomeWork mb10" nhname='homework_common_form'>
   <%= form_for @homework do |f| %>
       <input type="text" name="is_in_course" class="none" value="<%= @is_in_course%>"/>
       <input type="text" name="course_activity" class="none" value="<%= @course_activity%>"/>

app/views/homework_common/index.html.erb

@@ -6,7 +6,11 @@
         document.getElementById("anonymous_comment").checked = true;
         $("#course_id").val($("#option_select").val());
         $("#homework_attachments").html("<%= escape_javascript(render :partial => 'users/user_homework_attachment', :locals => { :container => HomeworkCommon.new,:has_program => true,:has_group => true})%>");
-        homework_description_editor.html("");
+        //homework_description_editor.html("");
+        $("#homework_name_span").text("");
+        $("#homework_end_time_span").text("");
+        $("#homework_end_time_span").text("");
+        $("#homework_course_id_span").text("");
         $("#homework_editor").toggle();
     }
 
@@ -44,7 +48,7 @@
 
   <% if @is_teacher%>
       <!-- 老师身份才可以发布作业 -->
-      <div class="HomeWork mb10">
+      <div class="HomeWork mb10" nhname='homework_common_form'>
         <%= labelled_form_for @new_homework,:url => user_new_homework_users_path,:method => "post" do |f| %>
             <div id="HomeWorkCon">
               <%= render :partial => 'users/user_homework_form', :locals => { :homework => @new_homework,:f => f,:edit_mode => false,:select_course => false } %>

app/views/org_document_comments/edit.html.erb

@@ -1,9 +1,13 @@
 <%= content_for(:header_tags) do %>
     <%= import_ke(enable_at: false, prettify: false, init_activity: false) %>
+    <%= javascript_include_tag "des_KindEditor"  %>
 <% end %>
 
 <script>
-    function check_org_title(title)
+    $(function(){
+        init_des_data(150);
+    });
+    function check_org_title()
     {
         if($("#document_title").val().trim() == "")
         {
@@ -20,16 +24,17 @@
 </div>
 <div class="cl"></div>
 <div>
-<%= form_tag url_for(:controller => 'org_document_comments',:action => 'update', :id => @org_document.id, :flag => @flag, :org_subfield_id => params[:org_subfield_id]),:method => 'put', :id => 'new_org_document_form' do |f| %>
+  <div class="resources" nhname="new_topic_form">
-    <div class="resources">
+      <%= form_tag url_for(:controller => 'org_document_comments',:action => 'update', :id => @org_document.id, :flag => @flag, :org_subfield_id => params[:org_subfield_id]),:method => 'put', :id => 'new_org_document_form' do |f| %>
-      <div>
+    <div>
         <input class="postDetailInput fl mr15" style="margin-bottom:15px;" name="org_document_comment[title]" id="document_title" style="resize:none;" onfocus = "$('#org_document_editor').show();" onblur="check_org_title();" value="<%= @org_document.title %>" />
       </div>
       <div id="doc_title_hint"></div>
       <div class="cl"></div>
       <div id="org_document_editor" >
         <div class="mt10">
-          <%= kindeditor_tag 'org_document_comment[content]',@org_document.content, :editor_id => 'org_document_description_editor', :height => "150px" %>
+          <textarea placeholder="有问题或有建议，请直接给我留言吧！" style="display: none" nhname='description_textarea' name="org_document_comment[content]"><%=@org_document.content.html_safe %></textarea>
+          <%#= kindeditor_tag 'org_document_comment[content]','', :editor_id => 'org_document_description_editor', :height => "150px" %>
         </div>
         <div class="cl"></div>
 
@@ -43,13 +48,12 @@
         </div>
         <div class="cl"></div>
         <div class="mt5">
-          <a href="javascript:void(0);" class="BlueCirBtnMini fr" onclick="org_document_description_editor.sync();$('#new_org_document_form').submit();">确定</a>
+          <a href="javascript:void(0);" class="BlueCirBtnMini fr" id="new_topic_submit_btn">确定</a>
           <span class="fr mr10 mt3">或</span>
-          <a href="javascript:void(0);" onclick="location=document.referrer;" class="fr mr10 mt3">取消</a>
+          <a href="javascript:void(0);" id="new_topic_cancel_btn" onclick="location=document.referrer;" class="fr mr10 mt3">取消</a>
           <div class="cl"></div>
         </div>
-
       </div>
+    <% end %>
     </div>
-<% end %>
 </div>

app/views/org_document_comments/new.html.erb

@@ -1,8 +1,12 @@
 <%= content_for(:header_tags) do %>
     <%= import_ke(enable_at: false, prettify: false, init_activity: false) %>
+    <%= javascript_include_tag "des_KindEditor"  %>
 <% end %>
 
 <script>
+    $(function(){
+        init_des_data(150);
+    });
     function check_org_title()
     {
         if($("#document_title").val().trim() == "")
@@ -28,15 +32,17 @@
         location.href = document.referrer;
     }
 </script>
-<%= form_tag organization_org_document_comments_path(:organization_id => @organization.id, :field_id => params[:field_id]), :id => 'new_org_document_form' do |f| %>
+<div class="resources" nhname="new_topic_form">
-<div class="resources">
+  <%= form_tag organization_org_document_comments_path(:organization_id => @organization.id, :field_id => params[:field_id]), :id => 'new_org_document_form' do |f| %>
-      <div>
+    <div>
         <textarea class="postDetailInput fl mr15" style="margin-bottom:15px;" name="org_document_comment[title]" id="document_title" style="resize:none;" onfocus = "$('#org_document_editor').show();" placeholder="请输入文章标题"></textarea>
-      </div>
+    </div>
-      <div id="doc_title_hint"></div>
+    <div id="doc_title_hint">
+    </div>
     <div id="org_document_editor" class="mt15" >
       <div class="mt10">
-        <%= kindeditor_tag 'org_document_comment[content]','', :editor_id => 'org_document_description_editor', :height => "150px" %>
+        <textarea placeholder="有问题或有建议，请直接给我留言吧！" style="display: none" nhname='description_textarea' name="org_document_comment[content]"></textarea>
+        <%#= kindeditor_tag 'org_document_comment[content]','', :editor_id => 'org_document_description_editor', :height => "150px" %>
       </div>
       <div class="cl"></div>
       <p id="homework_course_id_span" class="c_red mt5"></p>
@@ -49,12 +55,11 @@
       <div class="cl"></div>
 
       <div class="mt5">
-            <a href="javascript:void(0);" class="BlueCirBtnMini fr" onclick="create_org_document();">确定</a>
+            <a href="javascript:void(0);" class="BlueCirBtnMini fr" id="new_topic_submit_btn">确定</a>
             <span class="fr mr10 mt3">或</span>
-            <a href="javascript:void(0);" onclick="cancel_create_org_document();" class="fr mr10 mt3">取消</a>
+            <a href="javascript:void(0);" onclick="cancel_create_org_document();" id="new_topic_cancel_btn" class="fr mr10 mt3">取消</a>
         <div class="cl"></div>
       </div>
-
     </div>
+  <% end %>
 </div>
-<% end %>

app/views/users/_user_homework_form.html.erb

@@ -23,6 +23,119 @@
               $("#anonymous_comment").val(0);
           }
       }
+      function nh_reset_homework_form(params){
+          if(params.textarea.html() != "") {
+              cancel_edit();
+          } else {
+              params.form[0].reset();
+              params.textarea.empty();
+              if(params.editor != undefined){
+                  params.editor.html(params.textarea.html());
+              }
+          }
+      }
+      function init_homework_form(params){
+          params.form.submit(function(){
+              var flag = false;
+              if(params.form.attr('data-remote') != undefined ){
+                  flag = true
+              }
+              var is_checked = false;
+              checked_val();
+              if(!regex_homework_name()){
+                  $("#homework_name").focus();
+              }
+              else if(!regex_homework_end_time()){
+                  $("#homework_end_time").focus();
+              }
+              else if(!regex_homework_end_publish_time()){
+                  $("#homework_end_time").focus();
+              }
+              else if(!regex_course_id()){
+                  $("#course_id").focus();
+              }
+              else{
+                  params.textarea.html(params.editor.html());
+                  params.editor.sync();
+                  is_checked = true;
+              }
+              /*var is_checked = nh_check_field({
+                  issubmit:true,
+                  content:params.editor,
+                  contentmsg:params.contentmsg,
+                  textarea:params.textarea
+              });*/
+              if(is_checked){
+                  if(flag){
+                      return true;
+                  }else{
+                      $(this)[0].submit();
+                      return false;
+                  }
+              }
+              return false;
+          });
+      }
+      function init_homework_editor(params){
+          params.textarea.removeAttr('placeholder');
+          var editor = params.kindutil.create(params.textarea, {
+              resizeType : 1,minWidth:"1px",width:"100%",minHeight:"30px",height:"30px",
+              items : ['code','emoticons','fontname',
+                  'forecolor', 'hilitecolor', 'bold', '|', 'justifyleft', 'justifycenter', 'insertorderedlist','insertunorderedlist', '|',
+                  'formatblock', 'fontsize', '|','indent', 'outdent',
+                  '|','imagedirectupload','table',   'media', 'preview',"more"
+              ],
+              afterChange:function(){//按键事件
+                  var edit = this.edit;
+                  var body = edit.doc.body;
+                  //paramsHeight = params.kindutil.removeUnit(this.height);
+                  edit.iframe.height(150);
+                  this.resize(null, Math.max((params.kindutil.IE ? body.scrollHeight : body.offsetHeight) +  33, 150));
+              },
+              afterCreate:function(){
+                  //init
+                  var edit = this.edit;
+                  var body = edit.doc.body;
+                  edit.iframe[0].scroll = 'no';
+                  body.style.overflowY = 'hidden';
+                  //reset height
+                  var edit = this.edit;
+                  var body = edit.doc.body;
+                  edit.html(params.textarea.innerHTML);
+                  //paramsHeight = params.kindutil.removeUnit(this.height);
+                  edit.iframe.height(150);
+                  this.resize(null, Math.max((params.kindutil.IE ? body.scrollHeight : body.offsetHeight) , 150));
+
+              }
+          }).loadPlugin('paste');
+          return editor;
+      }
+      KindEditor.ready(function(K){
+          $("div[nhname='homework_common_form']").each(function(){
+              var params = {};
+              params.kindutil = K;
+              params.div_form = $(this);
+              params.form = $("form",params.div_form);
+              if(params.form==undefined || params.form.length==0){
+                  return;
+              }
+              params.textarea = $("textarea[nhname='homework_textarea']",params.div_form);
+              params.cancel_btn = $("#new_message_cancel_btn");
+              params.submit_btn = $("#new_message_submit_btn");
+              if(params.textarea.data('init') == undefined) {
+                  params.editor = init_homework_editor(params);
+                  init_homework_form(params);
+                  params.submit_btn.click(function () {
+                      params.form.submit();
+                  });
+                  params.cancel_btn.click(function () {
+                      reset_homework();
+                      nh_reset_homework_form(params);
+                  });
+                  params.textarea.data('init', 1);
+              }
+          });
+      });
     </script>
 <% end %>
 
@@ -70,10 +183,12 @@
   <div id="homework_editor" style="display: <%= edit_mode ? 'block':'none'%>">
     <div class="mt10">
       <% if edit_mode %>
-          <%= f.kindeditor :description, :editor_id => 'homework_description_editor', :height => "150px", :owner_id => homework.id, :owner_type => OwnerTypeHelper::HOMEWORKCOMMON, at_id: homework.id, at_type: homework.class.to_s %>
+          <textarea placeholder="有问题或有建议，请直接给我留言吧！" style="display: none" nhname='homework_textarea' name="homework_common[description]"><%=homework.description.html_safe %></textarea>
+          <%#= f.kindeditor :description, :editor_id => 'homework_description_editor', :height => "150px", :owner_id => homework.id, :owner_type => OwnerTypeHelper::HOMEWORKCOMMON, at_id: homework.id, at_type: homework.class.to_s %>
       <% else %>
           <%= hidden_field_tag :asset_id, params[:asset_id], :required => false, :style => 'display:none' %>
-          <%= f.kindeditor :description, :editor_id => 'homework_description_editor', :height => "150px",at_id: homework.id, at_type: homework.class.to_s  %>
+          <textarea placeholder="有问题或有建议，请直接给我留言吧！" style="display: none" nhname='homework_textarea' name="homework_common[description]"></textarea>
+          <%#= f.kindeditor :description, :editor_id => 'homework_description_editor', :height => "150px",at_id: homework.id, at_type: homework.class.to_s  %>
       <% end %>
     </div>
     <div class="cl"></div>
@@ -89,17 +204,16 @@
       <%= render :partial => 'users/user_homework_attachment', :locals => {:container => homework, :has_program=>!(edit_mode && homework.homework_type != 2), :has_group=>(!(edit_mode && homework.homework_type != 3))&& homework.student_works.empty?,:show_member => true} %>
     </div>
 
-
     <div class="mt5">
       <% if edit_mode %>
-          <a href="javascript:void(0);" class="BlueCirBtnMini fr" onclick="checked_val();submit_homework('edit_homework_common_<%= homework.id%>');">确定</a>
+          <a href="javascript:void(0);" id="new_message_submit_btn" class="BlueCirBtnMini fr">确定</a>
           <span class="fr mr10 mt3">或</span>
           <%#= link_to "取消",user_homeworks_user_path(User.current.id),:class => "fr mr10 mt3"%>
-          <a href="javascript:void(0);" class="fr mr10 mt3" onclick="cancel_edit();">取消</a>
+          <a href="javascript:void(0);" id="new_message_cancel_btn" class="fr mr10 mt3">取消</a>
     <% else %>
-          <a href="javascript:void(0);" class="BlueCirBtnMini fr" onclick="checked_val();submit_homework('new_homework_common');">发送</a>
+          <a href="javascript:void(0);" id="new_message_submit_btn" class="BlueCirBtnMini fr">发送</a>
           <span class="fr mr10 mt3">或</span>
-          <a href="javascript:void(0);" class=" fr mr10 mt3" onclick="reset_homework();">取消</a>
+          <a href="javascript:void(0);" id="new_message_cancel_btn" class="fr mr10 mt3">取消</a>
       <% end %>
       <div class="cl"></div>
     </div>

app/views/users/user_homeworks.html.erb

@@ -5,7 +5,11 @@
       $("#homework_end_time").val("");
       $("#course_id").val($("#option_select").val());
       $("#homework_attachments").html("<%= escape_javascript(render :partial => 'users/user_homework_attachment', :locals => { :container => HomeworkCommon.new,:has_program => true,:has_group => true })%>");
-      homework_description_editor.html("");
+      //homework_description_editor.html("");
+      $("#homework_name_span").text("");
+      $("#homework_end_time_span").text("");
+      $("#homework_end_time_span").text("");
+      $("#homework_course_id_span").text("");
       $("#homework_editor").toggle();
   }
 
@@ -29,7 +33,7 @@
 
 <% if @is_teacher%>
     <!-- 老师身份才可以发布作业 -->
-    <div class="HomeWork mb10">
+    <div class="HomeWork mb10" nhname='homework_common_form'>
       <% homework = HomeworkCommon.new %>
       <% homework.homework_detail_manual = HomeworkDetailManual.new%>
       <%= labelled_form_for homework,:url => user_new_homework_users_path,:method => "post" do |f| %>

public/javascripts/des_kindEditor.js

@@ -0,0 +1,136 @@
+function init_des_editor(params){
+    // var minHeight;  //最小高度
+    var paramsHeight = params.height; //设定的高度
+    var paramsWidth = params.width == undefined ? "100%" : params.width;
+
+    var editor = params.kindutil.create(params.textarea, {
+        resizeType : 1,minWidth:"1px",width:paramsWidth,
+        height:"30px",// paramsHeight == undefined ? "30px":paramsHeight+"px",
+        minHeight:"30px",// paramsHeight == undefined ? "30px":paramsHeight+"px",
+        items : ['code','emoticons','fontname',
+            'forecolor', 'hilitecolor', 'bold', '|', 'justifyleft', 'justifycenter', 'insertorderedlist','insertunorderedlist', '|',
+            'formatblock', 'fontsize', '|','indent', 'outdent',
+            '|','imagedirectupload','table',   'media', 'preview',"more"
+        ],
+        afterChange:function(){//按键事件
+            //nh_check_field({content:this,contentmsg:params.contentmsg,textarea:params.textarea});
+            var edit = this.edit;
+            var body = edit.doc.body;
+            edit.iframe.height(paramsHeight);
+            this.resize(null, Math.max((params.kindutil.IE ? body.scrollHeight : body.offsetHeight) +  33, paramsHeight));
+        },
+        afterCreate:function(){
+            //init
+            var edit = this.edit;
+            var body = edit.doc.body;
+            edit.iframe[0].scroll = 'no';
+            body.style.overflowY = 'hidden';
+            //reset height
+            var edit = this.edit;
+            edit.html(params.textarea.innerHTML);
+            var body = edit.doc.body;
+            paramsHeight = paramsHeight == undefined ? params.kindutil.removeUnit(this.height) : paramsHeight;
+            edit.iframe.height(paramsHeight);
+            this.resize(null, Math.max((params.kindutil.IE ? body.scrollHeight : body.offsetHeight), paramsHeight));
+
+        }
+    }).loadPlugin('paste');
+    return editor;
+}
+
+function nh_check_field(params){
+    var result=true;
+    if(!check_org_title()) {
+        result=false;
+        return result;
+    }
+    if(params.content!=undefined){
+        if(params.content.isEmpty()){
+            result=false;
+        }
+        if(params.content.html()!=params.textarea.html() || params.issubmit==true){
+            params.textarea.html(params.content.html());
+            params.content.sync();
+
+            if(params.content.isEmpty()){
+                params.contentmsg.html('内容不能为空');
+                params.contentmsg.css({color:'#ff0000'});
+            }else{
+                params.contentmsg.html('填写正确');
+                params.contentmsg.css({color:'#008000'});
+            }
+            }
+    }
+    return result;
+}
+function init_form(params){
+    params.form.submit(function(){
+        var flag = false;
+        if(params.form.attr('data-remote') != undefined ){
+            flag = true
+        }
+        var is_checked = nh_check_field({
+            issubmit:true,
+            //title:params.texttitle,
+            content:params.editor,
+            //titlemsg:params.titlemsg,
+            contentmsg:params.contentmsg,
+            textarea:params.textarea
+        });
+        if(is_checked){
+            if(flag){
+                return true;
+            }else{
+                $(this)[0].submit();
+                return false;
+            }
+        }
+        return false;
+    });
+}
+function nh_reset_form(params){
+    params.form[0].reset();
+    params.texttitle.empty();
+    params.textarea.empty();
+    if(params.editor != undefined){
+        params.editor.html(params.textarea.html());
+    }
+    params.contentmsg.hide();
+    params.titlemsg.html("");
+}
+//第二个参数是高度，可以传，可以不传
+function init_des_data(){
+    var height = arguments[0] ? arguments[0] : undefined;
+    var width = arguments[1] ? arguments[1] : undefined;
+    KindEditor.ready(function (K) {
+        $("div[nhname='new_topic_form']").each(function () {
+            var params = {};
+            params.kindutil = K;
+            params.div_form = $(this);
+            params.form = $("form", params.div_form);
+            if (params.form == undefined || params.form.length == 0) {
+                return;
+            }
+            //params.texttitle = $("#document_title", params.div_form);
+            params.textarea = $("textarea[nhname='description_textarea']", params.div_form);
+            //params.titlemsg = $("#doc_title_hint", params.div_form);
+            params.contentmsg = $("#homework_course_id_span", params.div_form);
+            params.cancel_btn = $("#new_topic_cancel_btn");
+            params.submit_btn = $("#new_topic_submit_btn");
+            params.height = height;
+            params.width = width;
+            if (params.textarea.data('init') == undefined) {
+                params.editor = init_des_editor(params);
+                init_form(params);
+                params.cancel_btn.click(function () {
+                    nh_reset_form(params);
+                });
+                params.submit_btn.click(function () {
+                    params.form.submit();
+                });
+                params.textarea.data('init', 1);
+                $(this).show();
+            }
+        });
+    });
+}