title: HTML Editor for Angular7
body: <p>I'm looking for an HTML-editor to embed in an Angular7 project. The user of the editor will be creating very simple web pages or making small edits to more complex pages. I originally thought a WYSISYG editor might do the trick but I'm finding out they aren't great for making edits to the source HTML. Does anyone have recommendations?</p>
  <p>Here's a list of what I've considered so far:</p>
  <ol>
  <li><a href="https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/angular.html" rel="noreferrer">CKEditor5</a> - Really a rich text editor. Doesn't offer the ability to view/edit source HTML.</li>
  <li><a href="https://ckeditor.com/docs/ckeditor4/latest/guide/dev_angular.html" rel="noreferrer">CKEditor4</a> - Does offer the ability to edit the source HTML but doesn't seem good for editing web pages.</li>
  <li><a href="https://www.froala.com/wysiwyg-editor/docs/framework-plugins/angularjs-2-4" rel="noreferrer">Froala</a> - Looks really good, but isn't open source.</li>
  <li><a href="https://summernote.org/" rel="noreferrer">Summernote</a> (and a <a href="https://www.npmjs.com/package/summernote-typescript" rel="noreferrer">typescript</a> port) - This one looks like it would be perfect. Haven't been able to find documentation for setting this up in Angular though and the typescript library doesn't have any documentation. If anyone has experience setting this up, an explanation would be great!</li>
  <li><a href="https://www.npmjs.com/package/@kolkov/angular-editor" rel="noreferrer">AngularEditor</a> - I currently have this one setup and working inside my project. It seems alright for editing web pages. My biggest issue with it is that some HTML I've inserted into the editor doesn't stay within the editor when rendering. Styles leave the editor window and other elements on the main page get altered.</li>
  </ol>
  <p>Any suggestions that I may have overlooked?</p>