Bootstrap Text Editor Examples

WYSIWYG editor

Hello Friends today in this article we will learn how to create html text editor for our website, with the help of Responsive WYSIWYG Text Editor with j Query and Bootstrap .

And here we will learn how to remove company name from WYSIWYG Text Editor by using css.

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
 <style type="text/css">
   .tox-statusbar__branding
	{
		display:none;
	}
	
	.tox-notification__body
	{
		display:none;
	}
	
	.tox-notifications-container
	{
		display:none;
	}
 </style>
<div class="container mt-4 mb-4">
  <div class="row justify-content-md-center">
    <div class="col-md-12 col-lg-8">
      <h1 class="h2 mb-4">Submit issue</h1>
      <label>Describe the issue in detail</label>
      <div class="form-group">
         <textarea id="editor"></textarea>
      </div>
      <button type="submit" class="btn btn-primary">Submit</button>
    </div>
  </div>
</div>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>

<script>
  tinymce.init({
    selector: 'textarea#editor',
    menubar: false
  });
</script>

Leave a Reply

avatar
  Subscribe  
Notify of