大佬教程收集整理的这篇文章主要介绍了jquery – 从summernote textarea中提取已编辑的文本,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
这是我的textarea,显示未经编辑的数据:
<textarea class="summernote input-block-level" id="content" name="content" rows="18"></textarea>
类summernote是数据如何定向到输出文本区域,以便可以编辑它.编辑完数据后,单击“提交”,然后使用下面的代码将数据提取到JavaScript.
$(document).ready(function() { $('button[id=editEmail]').on('click',function() { var $email_edbody_array = $('textarea[name="content"]').html($('#summernote').code()); var $email_edbody = $email_edbody_array.html(); console.log("edited email" + $email_edbody);
有趣的是,如果summernote文本区域为空白,这可以正常工作 – 如果我正在创建新电子邮件而不是编辑其中一封.
console.log应该输出已编辑的电子邮件正文,但它不会.它输出原始的电子邮件正文.我不知道为什么.
将编辑好的电子邮件发送到我的JavaScript中我缺少什么.以下是我认为对此问题很重要的代码的主要部分.
<?PHP while ($da@R_637_2301@w_emails = pg_fetch_assoc($results_emails)) { echo " <tr> <td>".$da@R_637_2301@w_emails['internal_name']."</td> <td>".$da@R_637_2301@w_emails['email_subject']."</td> <td>".$da@R_637_2301@w_emails['type']."</td> <td> <span class='btn btn-info btn-small open-editEmailModal' data-toggle='modal' href='#editEmail' data-inm='".$da@R_637_2301@w_emails['internal_name']."' data-es='".$da@R_637_2301@w_emails['email_subject']."' data-bdy='".$da@R_637_2301@w_emails['email_body']."' data-ty=".$da@R_637_2301@w_emails['type']." data-ces=".$da@R_637_2301@w_emails['cAnned_email_sid']."> <i class='icon-edit icon-white'></i> Edit</span> <span class='btn btn-danger btn-small open-delEmailModal' data-toggle='modal'href='#deleteWarning' data-ces=".$da@R_637_2301@w_emails['cAnned_email_sid']."> <i class='icon-remove icon-white'></i> delete</span> </td> </tr>"; } ?>
下一部分是将数据重定向到模态的jQuery. .note-editable是重定向电子邮件正文的内容.
<script> $(document).on("click",".open-editEmailModal",function() { var internalName = $(this).data('inm'); var emailSubject = $(this).data('es'); var emailBody = $(this).data('bdy'); var type = $(this).data('ty'); var cAnnedEmSid = $(this).data('ces'); $(".modal-body #canEmSid").val(cAnnedEmSid); $(".modal-body #interName").val(internalName); $(".modal-body #emailSub").val(emailSubject); $(".modal-body #emailBdy").val(emailBody); $(".modal-body .note-editable").html(emailBody); $(".modal-body #tYpe").val(typE); }); </script>
这是模态:
<div id="editEmail" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="emailActivityLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="mymodalLabel">Edit CAnned Response</h3> </div> <div class="modal-body"> <form class="form-horizontal"> <div class="control-group" style="margin-bottom:8px;"> <label class="control-label" for="inpuTinternalName">Internal Name</label> <div class="controls"> <input type="text" id="interName" name="interName" placeholder="Internal Name" /> <input type="hidden" id="canEmSid" name="canEmSid"/> </div> </div> <div class="control-group" style="margin-bottom:8px;"> <label class="control-label" for="inpuTinternalName">Type</label> <div class="controls"> <SELEct id="tYpe" name="tYpe"> <?PHP while ($datearow_typeDD2 = pg_fetch_assoc($results_typesDD2)) { echo "<option value='".$datearow_typeDD2['buyer_seller_sid']."'>".$datearow_typeDD2['buyer_seller_type']."</option>\n"; } ?> </SELEct> </div> </div> <div class="control-group" style="margin-bottom:8px;"> <label class="control-label" for="inputSubject">Email Subject</label> <div class="controls"> <input type="text" id="emailSub" name="emailSub" placeholder="Email Subject"> </div> </div> </form> <!-- <div class="text-editor"></div> --> <!-- <div class="summernote"></div> --> <div id="emailEditor"> <div class="controls"> <textarea class="summernote input-block-level" id="content" name="content" rows="18"></textarea> </div> </div> </div> <div class="modal-footer"> <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button> <button class="btn btn-success" id="editEmail">Save</button> </div> </div> <script type="text/javascript"> $(document).ready(function() { $('.summernote').summernote({ }); $('button[id=editEmail]').on('click',function() { var $email_edbody_array = $('textarea[name="content"]').html($('#summernote').code()); var $email_edbody = $email_edbody_array.html();
下面是其他变量和AJAX脚本.
以上是大佬教程为你收集整理的jquery – 从summernote textarea中提取已编辑的文本全部内容,希望文章能够帮你解决jquery – 从summernote textarea中提取已编辑的文本所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。