Блог

Главная - Вопросы по программированию - Сбой HTML Summernote

Сбой HTML Summernote

#javascript #jquery #jquery-plugins #summernote

#javascript #jquery #jquery-плагины #summernote

Вопрос:

У меня возникла следующая проблема с Summernote для BS4.

Когда я пытаюсь установить значение для текстовой области со значением HTML, кажется, что конструктор завершается с ошибкой.

Я пытаюсь с:

$('#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:amp;quot;Arialamp;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">amp;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:amp;quot;Arialamp;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:amp;quot;Arialamp;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:amp;quot;Arialamp;quot;,sans-serif">Asuntoamp;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:amp;quot;Arialamp;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:amp;quot;Arialamp;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:amp;quot;Arialamp;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:amp;quot;Arialamp;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:amp;quot;Arialamp;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:amp;quot;Arialamp;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:amp;quot;Arialamp;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:amp;quot;Arialamp;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:amp;quot;Arialamp;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:amp;quot;Arialamp;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:amp;quot;Arialamp;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:amp;quot;Arialamp;quot;,sans-serif;
  mso-fareast-font-family:Verdana;mso-ansi-language:ES-CO;mso-fareast-language:
  EN-US">Copia amp;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:amp;quot;Arialamp;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:amp;quot;Arialamp;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:amp;quot;Arialamp;quot;,sans-serif;
  mso-fareast-font-family:Verdana;mso-ansi-language:ES-CO;mso-fareast-language:
  EN-US">Información amp;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:amp;quot;Arialamp;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:amp;quot;Arialamp;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:amp;quot;Arialamp;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:amp;quot;Arialamp;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:amp;quot;Arialamp;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:amp;quot;Arialamp;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>

Это происходит, когда я пытаюсь сохранить скопированный / вставленный текст в форме Word или какой-либо сложный обогащенный текст с таблицами и т.д. И я пытаюсь сохранить этот результат HTML в переменную в PHP, а затем в MySQL.

Затем попробуйте установить это значение, ранее сохраненное в переменной, в качестве значения в summernote, произойдет сбой!

Именно так он загружается, когда я пытаюсь установить HTML.

Вот как это выглядит, поскольку произошел сбой

Спасибо за вашу помощь

Комментарии:

1. Что вы подразумеваете под «сбоем»? Вы получаете ошибку JS (проверьте инструменты отладки вашего браузера, нажав F12)? Вы получаете ошибку PHP (проверьте журналы на вашем сервере)? Это просто не отображается так, как вы ожидаете (проверьте исходный код HTML)?

2. Я имею в виду, что текстовая область не отрисовывается, это так, как я показал в раннем сообщении