Как вставить мета и теги <style>в редактор Quill HTML в Angular 6? - PullRequest
0 голосов
/ 01 марта 2019

У меня проблема с ngx-quill.Я хочу добавить внешний html, например `

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" lang="en">
    <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>Ooma</title>
    <style type="text/css">
      html { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-text-size-adjust:none; -ms-text-size-adjust:100%; }
      body{margin:0 !important; padding:0; min-width:100%; width:100% !important;}
      div, p, a, li, td { -webkit-text-size-adjust:none; }
      table {border-collapse: collapse; border-spacing: 0; mso-line-height-rule: exactly; mso-margin-bottom-alt: 0; mso-margin-top-alt: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt;}
      table td { border-collapse: collapse; }
      sup { line-height: 0; font-size: 75%; }
      .ReadMsgBody {width: 100%;}
      .ExternalClass{width: 100%;}
      .ExternalClass * {line-height: 100%}
      .min-width {min-width: 100% !important;}
      div[style*="margin: 16px 0"] { margin:0 !important; font-size:100% !important; }
      .mobile_img img{
      width: 150px !important;
      height: auto !important;
      }

      /*widths*/
      .full{ width:100% !important; }
      .width84p{ width:84% !important; }
      .img_full{ width:100% !important; height: auto !important; }


      /*heights*/
      .height10{ height:10px !important;}
      .height246{ height:246px !important;}
      .height340{ height:340px !important;}
    </style>
    </head> 
    </body>
    </html>

` Когда я связываю его с ngx-quill, редактор не видит стиль и метатеги, поэтому мой шаблон ломается.Может быть, кто-то сталкивался с такой же проблемой или знает, что я могу сделать в этой ситуации.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...