<textarea>

  <h1>The Incomparable Yosemite</h1>

  <p>The most famous and accessible of these cañon valleys, and also the one that presents their most striking and sublime <strong>features on the grandest scale</strong>, is the Yosemite, situated in the basin of the Merced River at an elevation of 4000 feet above the level of the sea. <strong>It is about seven miles long</strong>, half a mile to a mile wide, <em>and nearly a mile deep</em> in the solid granite flank of the range.</p>

  <blockquote>
    <p>Every rock in its walls seems to glow with life. Some lean back in majestic repose</p>
  </blockquote>

  <p>But no temple made with hands can compare with Yosemite. Every rock in its walls seems to glow with life. <em>Some lean back in majestic repose; others, absolutely sheer or nearly so for thousands of feet</em>, advance beyond their companions in thoughtful attitudes, giving welcome to storms and calms alike, seemingly aware, yet heedless, of everything going on about them.</p>
  
</textarea>

body {
  margin: .5rem;
}

tinymce.init({
  selector: "textarea",
  plugins: "anchor autolink charmap code codesample directionality fullpage help hr image imagetools insertdatetime link lists media nonbreaking pagebreak preview print searchreplace table template textpattern toc visualblocks visualchars fullscreen",
  toolbar: "styleselect | bold italic strikethrough blockquote bullist numlist backcolor | link image media | code help fullscreen ",
  menubar: false,
  height: "calc(100vh - 1rem)",
  content_css: false,
  content_style: `
    @font-face {
      src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/413052/Inter.var.woff2');
      font-family: 'Inter';
      font-weight: 100 900;
      font-style: oblique 0deg 10deg;
      font-display: swap;
    }

    body {
      font-family: 'Inter';
      font-variation-settings: "wght" 350;
      font-size: 16px;
      margin: 2rem;
      line-height: 1.35;
    }

    h1 {
      font-size: 3.5rem;
      font-variation-settings: "wght" 900, "slnt" -3 ;
      letter-spacing: -.05em;
      line-height: 1.1;
    }

    blockquote {
      font-size: 2rem;
      font-variation-settings: "wght" 100;
      line-height: 1.2;
    }

    strong {
      font-variation-settings: "wght" 550;
    } 

    em {
      font-variation-settings: "wght" 350, "slnt" -10;
    }
  `
});