html

How to use TinyMCE Editor

how-to-use-TinnyMCE-Editor.png

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>



About author

IMG_8897.png

Muhammad Zubair

My name is Muhammad Zubair. I'm a full-stack developer. I'm a owner of theskillstock.com. I love to write tutorials of PHP, Laravel, Html & css, Javascript, Java and much more with examples.


Comments

Hello World! https://apel.top/go/gu4winrshe5dgoju?hs=44718440617aff19d93f2a66807b07bc& Mar 24th 2023

7mss8l



Leave a Reply