首页 > 解决方案 > Summernote HTML 崩溃

问题描述

我在使用 Summernote for BS4 时遇到以下问题。

当我尝试使用 HTML 值为 textarea 设置值时,构造函数似乎失败了。

我正在尝试:

$('#summernote').summernote('pasteHTML', '<?php echo $log ?>');

的 PHP 值$log是这样的:

"<p class="MsoNormal" style="text-align:justify"><span lang="ES-CO" style="font-size:12.0pt;font-family:&quot;Arial&quot;,sans-serif;mso-fareast-font-family:
Calibri;mso-ansi-language:ES-CO">También se atiende de manera escrita, dando
respuesta a los oficios radicados en la secretaria para oportuna firma del
secretario de despacho.<o:p></o:p></span></p><p class="MsoNormal"><span lang="ES-CO">&nbsp;</span></p><table class="MsoTableGrid" border="1" cellspacing="0" cellpadding="0" style="border: none;">
 <tbody><tr style="mso-yfti-irow:0;mso-yfti-firstrow:yes;height:20.9pt">
  <td width="201" valign="top" style="width:150.9pt;border:solid windowtext 1.0pt;
  mso-border-alt:solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt;height:20.9pt">
  <p class="MsoNormal" style="text-align:justify"><b><span lang="ES" style="font-size:12.0pt;font-family:&quot;Arial&quot;,sans-serif">Remitente
  <o:p></o:p></span></b></p>
  </td>
  <td width="193" valign="top" style="width:144.65pt;border:solid windowtext 1.0pt;
  border-left:none;mso-border-left-alt:solid windowtext .5pt;mso-border-alt:
  solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt;height:20.9pt">
  <p class="MsoNormal" align="center" style="text-align:center"><b><span lang="ES" style="font-size:12.0pt;
  font-family:&quot;Arial&quot;,sans-serif">fecha<o:p></o:p></span></b></p>
  </td>
  <td width="194" valign="top" style="width:145.85pt;border:solid windowtext 1.0pt;
  border-left:none;mso-border-left-alt:solid windowtext .5pt;mso-border-alt:
  solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt;height:20.9pt">
  <p class="MsoNormal" style="text-align:justify"><b><span lang="ES" style="font-size:12.0pt;font-family:&quot;Arial&quot;,sans-serif">Asunto&nbsp; <o:p></o:p></span></b></p>
  </td>
 </tr>
 <tr style="mso-yfti-irow:1;height:21.3pt">
  <td width="201" valign="top" style="width:150.9pt;border:solid windowtext 1.0pt;
  border-top:none;mso-border-top-alt:solid windowtext .5pt;mso-border-alt:solid windowtext .5pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:21.3pt">
  <p class="MsoNoSpacing" style="text-align:justify"><span lang="ES-CO" style="font-family:&quot;Arial&quot;,sans-serif">Juan Jacobo Díaz Torres <o:p></o:p></span></p>
  </td>
  <td width="193" valign="top" style="width:144.65pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
  mso-border-alt:solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt;height:21.3pt">
  <p class="MsoNormal" align="center" style="text-align:center"><span lang="ES-CO" style="font-family:&quot;Arial&quot;,sans-serif;mso-fareast-font-family:Verdana;
  mso-ansi-language:ES-CO;mso-fareast-language:EN-US">5 agosto 2020<o:p></o:p></span></p>
  </td>
  <td width="194" valign="top" style="width:145.85pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
  mso-border-alt:solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt;height:21.3pt">
  <p class="MsoNormal"><span lang="ES-CO" style="font-family:&quot;Arial&quot;,sans-serif;
  mso-fareast-font-family:Verdana;mso-ansi-language:ES-CO;mso-fareast-language:
  EN-US">Entrega resolución<o:p></o:p></span></p>
  </td>
 </tr>
 <tr style="mso-yfti-irow:2;height:21.3pt">
  <td width="201" valign="top" style="width:150.9pt;border:solid windowtext 1.0pt;
  border-top:none;mso-border-top-alt:solid windowtext .5pt;mso-border-alt:solid windowtext .5pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:21.3pt">
  <p class="MsoNoSpacing" style="text-align:justify"><span lang="ES-CO" style="font-family:&quot;Arial&quot;,sans-serif">José Uriel Quevedo <o:p></o:p></span></p>
  </td>
  <td width="193" valign="top" style="width:144.65pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
  mso-border-alt:solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt;height:21.3pt">
  <p class="MsoNormal" align="center" style="text-align:center"><span lang="ES-CO" style="font-family:&quot;Arial&quot;,sans-serif;mso-fareast-font-family:Verdana;
  mso-ansi-language:ES-CO;mso-fareast-language:EN-US">5 agosto 2020<o:p></o:p></span></p>
  </td>
  <td width="194" valign="top" style="width:145.85pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
  mso-border-alt:solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt;height:21.3pt">
  <p class="MsoNormal"><span lang="ES-CO" style="font-family:&quot;Arial&quot;,sans-serif;
  mso-fareast-font-family:Verdana;mso-ansi-language:ES-CO;mso-fareast-language:
  EN-US">Entrega resolución <o:p></o:p></span></p>
  </td>
 </tr>
 <tr style="mso-yfti-irow:3;height:21.3pt">
  <td width="201" valign="top" style="width:150.9pt;border:solid windowtext 1.0pt;
  border-top:none;mso-border-top-alt:solid windowtext .5pt;mso-border-alt:solid windowtext .5pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:21.3pt">
  <p class="MsoNoSpacing" style="text-align:justify"><span lang="ES" style="font-family:&quot;Arial&quot;,sans-serif;mso-ansi-language:ES">Héctor Julián
  diez <o:p></o:p></span></p>
  </td>
  <td width="193" valign="top" style="width:144.65pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
  mso-border-alt:solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt;height:21.3pt">
  <p class="MsoNormal" align="center" style="text-align:center"><span lang="ES-CO" style="font-family:&quot;Arial&quot;,sans-serif;mso-fareast-font-family:Verdana;
  mso-ansi-language:ES-CO;mso-fareast-language:EN-US">10 agosto 2020<o:p></o:p></span></p>
  </td>
  <td width="194" valign="top" style="width:145.85pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
  mso-border-alt:solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt;height:21.3pt">
  <p class="MsoNormal"><span lang="ES-CO" style="font-family:&quot;Arial&quot;,sans-serif;
  mso-fareast-font-family:Verdana;mso-ansi-language:ES-CO;mso-fareast-language:
  EN-US">Solicitud matricula inmobiliarias <o:p></o:p></span></p>
  </td>
 </tr>
 <tr style="mso-yfti-irow:4;height:21.3pt">
  <td width="201" valign="top" style="width:150.9pt;border:solid windowtext 1.0pt;
  border-top:none;mso-border-top-alt:solid windowtext .5pt;mso-border-alt:solid windowtext .5pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:21.3pt">
  <p class="MsoNoSpacing" style="text-align:justify"><span lang="ES-CO" style="font-family:&quot;Arial&quot;,sans-serif">Noremberg calderón <o:p></o:p></span></p>
  </td>
  <td width="193" valign="top" style="width:144.65pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
  mso-border-alt:solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt;height:21.3pt">
  <p class="MsoNormal" align="center" style="text-align:center"><span lang="ES-CO" style="font-family:&quot;Arial&quot;,sans-serif;mso-fareast-font-family:Verdana;
  mso-ansi-language:ES-CO;mso-fareast-language:EN-US">12 agosto 2020<o:p></o:p></span></p>
  </td>
  <td width="194" valign="top" style="width:145.85pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
  mso-border-alt:solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt;height:21.3pt">
  <p class="MsoNormal"><span lang="ES-CO" style="font-family:&quot;Arial&quot;,sans-serif;
  mso-fareast-font-family:Verdana;mso-ansi-language:ES-CO;mso-fareast-language:
  EN-US">Copia &nbsp;de escrituras publicas <o:p></o:p></span></p>
  </td>
 </tr>
 <tr style="mso-yfti-irow:5;height:21.3pt">
  <td width="201" valign="top" style="width:150.9pt;border:solid windowtext 1.0pt;
  border-top:none;mso-border-top-alt:solid windowtext .5pt;mso-border-alt:solid windowtext .5pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:21.3pt">
  <p class="MsoNoSpacing" style="text-align:justify"><span lang="ES-CO" style="font-family:&quot;Arial&quot;,sans-serif">Martha Eliana Bustamante <o:p></o:p></span></p>
  </td>
  <td width="193" valign="top" style="width:144.65pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
  mso-border-alt:solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt;height:21.3pt">
  <p class="MsoNormal" align="center" style="text-align:center"><span lang="ES-CO" style="font-family:&quot;Arial&quot;,sans-serif;mso-fareast-font-family:Verdana;
  mso-ansi-language:ES-CO;mso-fareast-language:EN-US">18 agosto 2020<o:p></o:p></span></p>
  </td>
  <td width="194" valign="top" style="width:145.85pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
  mso-border-alt:solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt;height:21.3pt">
  <p class="MsoNormal"><span lang="ES-CO" style="font-family:&quot;Arial&quot;,sans-serif;
  mso-fareast-font-family:Verdana;mso-ansi-language:ES-CO;mso-fareast-language:
  EN-US">Información &nbsp;beneficios de
  vivienda<o:p></o:p></span></p>
  </td>
 </tr>
 <tr style="mso-yfti-irow:6;height:21.3pt">
  <td width="201" valign="top" style="width:150.9pt;border:solid windowtext 1.0pt;
  border-top:none;mso-border-top-alt:solid windowtext .5pt;mso-border-alt:solid windowtext .5pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:21.3pt">
  <p class="MsoNoSpacing" style="text-align:justify"><span lang="ES-CO" style="font-family:&quot;Arial&quot;,sans-serif">Luz Eddy López <o:p></o:p></span></p>
  </td>
  <td width="193" valign="top" style="width:144.65pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
  mso-border-alt:solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt;height:21.3pt">
  <p class="MsoNormal" align="center" style="text-align:center"><span lang="ES-CO" style="font-family:&quot;Arial&quot;,sans-serif;mso-fareast-font-family:Verdana;
  mso-ansi-language:ES-CO;mso-fareast-language:EN-US">18 agosto 2020<o:p></o:p></span></p>
  </td>
  <td width="194" valign="top" style="width:145.85pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
  mso-border-alt:solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt;height:21.3pt">
  <p class="MsoNormal"><span lang="ES-CO" style="font-family:&quot;Arial&quot;,sans-serif;
  mso-fareast-font-family:Verdana;mso-ansi-language:ES-CO;mso-fareast-language:
  EN-US">Proceso de legalización <o:p></o:p></span></p>
  </td>
 </tr>
 <tr style="mso-yfti-irow:7;mso-yfti-lastrow:yes;height:21.3pt">
  <td width="201" valign="top" style="width:150.9pt;border:solid windowtext 1.0pt;
  border-top:none;mso-border-top-alt:solid windowtext .5pt;mso-border-alt:solid windowtext .5pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:21.3pt">
  <p class="MsoNoSpacing" style="text-align:justify"><span lang="ES" style="font-family:&quot;Arial&quot;,sans-serif;mso-ansi-language:ES">Héctor Julián
  diez <o:p></o:p></span></p>
  </td>
  <td width="193" valign="top" style="width:144.65pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
  mso-border-alt:solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt;height:21.3pt">
  <p class="MsoNormal" align="center" style="text-align:center"><span lang="ES-CO" style="font-family:&quot;Arial&quot;,sans-serif;mso-fareast-font-family:Verdana;
  mso-ansi-language:ES-CO;mso-fareast-language:EN-US">20 agosto 2020<o:p></o:p></span></p>
  </td>
  <td width="194" valign="top" style="width:145.85pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
  mso-border-alt:solid windowtext .5pt;padding:0cm 5.4pt 0cm 5.4pt;height:21.3pt">
  <p class="MsoNormal"><span lang="ES-CO" style="font-family:&quot;Arial&quot;,sans-serif;
  mso-fareast-font-family:Verdana;mso-ansi-language:ES-CO;mso-fareast-language:
  EN-US">Solicitud carencia registral<o:p></o:p></span></p>
  </td>
 </tr>
</tbody></table><p>

当我尝试使用表格等保存复制/粘贴的文本表单或一些复杂的丰富文本时,就会发生这种情况。我尝试将该 HTML 结果保存到 PHP 中的变量,然后保存到 MySQL。

然后尝试将先前保存在变量中的值设置为summernote中的值,它崩溃了!

这是我尝试设置 HTML 时的加载方式。

这是崩溃的样子

谢谢你的帮助

标签: javascriptjqueryjquery-pluginssummernote

解决方案


推荐阅读