How to use TinyMCE Editor

How to use TinyMCE Editor

In this tutorial, we will see how to use TinyMCE Editor. It is an open-source and easy-to-use HTML editor. It is a fully independent platform that is web-based. It allows developers to use it on websites. It provides a lot of features.

What is TinyMCE?

TinyMCE is a free WYSIWYG editor that allows web developers to convert HTML textarea fields or other HTML elements into a fully functional and customizable rich text editor. It can be used as a standalone editor, or it can be integrated into your existing web application. TinyMCE is written in JavaScript and is based on the popular open-source jQuery library.

How to use it?

<html>
<head>
<title>How to use TinnyMCe Editor</title>
<script src="tinymce/tinymce.min.js"></script>
</head>
<body>
<textarea class="textarea"></textarea>
<script>
  tinymce.init({
    selector: 'textarea',
    height: 500,
    plugins: [
      'advlist autolink lists link image charmap print preview anchor',
      'searchreplace visualblocks code fullscreen',
      'insertdatetime media table contextmenu paste code'
    ],
    toolbar: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
    content_css: '//www.tinymce.com/css/codepen.min.css'
  });
</script>
</body>
</html>

Comments

No Comment posted Yet!

Leave a Reply

OK! You can skip this field.