easyui整合kindeditor的一些問題


問題描述

使用easyui執行post后不會提交kindeditor對應的textarea中新增的內容。只會顯示默認內容。

具體代碼

HTML代碼

 
  1. <form id="page" method="post" novalidate>
  2. <div style="margin-bottom:20px">
  3. <div>單頁標題:</div>
  4. <input name="title" class="easyui-textbox" style="width:600px;height:32px" missingMessage="單頁標題不能為空" data-options="required:true">
  5. </div>
  6. <div style="margin-bottom:20px">
  7. <div>單頁別名(<span style="color:red">請勿使用中文和特殊符號.模板名一定要和別名相同</span>):</div>
  8. <input class="easyui-textbox" name="name" style="width:300px;height:32px" missingMessage="單頁別名不能為空" data-options="required:true">
  9. </div>
  10. <div style="margin-bottom:20px">
  11. <div>單頁關鍵詞(<span style="color:red">多個關鍵詞請用,號隔開</span>):</div>
  12. <input class="easyui-textbox" name="keywords" style="width:600px;height:32px">
  13. </div>
  14. <div style="margin-bottom:20px">
  15. <div>單頁描述信息:</div>
  16. <input class="easyui-textbox" name="description" data-options="multiline:true" style="width:600px;height:60px"></input>
  17. </div>
  18. <div style="margin-bottom:20px">
  19. <div>單頁內容:</div>
  20. <textarea id="kindeditor" class="easyui-kindeditor" name="content" style="width:100%;height:500px;">111111111</textarea>
  21. </div>
  22. </form>

JAVASCRIPT代碼

 
  1. <script type="text/javascript">
  2. var url = '{:U(\'Page/addPage\')}';
  3.  
  4. function addPage(){
  5. $('#page').form('submit',{
  6. url: url,
  7. onSubmit: function(){
  8. return $(this).form('validate');
  9. },
  10. success: function(result){
  11. var result = eval('('+result+')');
  12. if (result.errorMsg){
  13. $.messager.show({
  14. title: '添加失敗',
  15. msg: result.errorMsg
  16. });
  17. } else {
  18. $.messager.show({
  19. title: '添加成功',
  20. msg: result.successMsg
  21. });
  22. }
  23. }
  24. });
  25. }
  26. </script>

提交后

easyui整合kindeditor的一些問題 --easyui

可以看到,提交后的值還是textarea的默認值。原因就是沒有給kindeditor添加afterChange事件。解決方法就是添加以下代碼

 
  1. var editor;
  2. KindEditor.ready(function(K) {
  3. editor = K.create('#kindeditor', {
  4. afterChange: function () {
  5. this.sync();
  6. },
  7. afterBlur: function () { this.sync(); }
  8.  
  9. });
  10.  

然后重新post,即可看到textarea的值已經更新了…

 

轉載請注明:安全者 » easyui整合kindeditor的一些問題


注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2021 ITdaan.com