Brief introduction to TinyMCE Editor

|
| By Webner

TinyMCE is an editor which lets you create your own editor functionality similar to MsWord. We can manipulate editor code and functionality according to our requirements.


Some features of TinyMCE editor :

1. It is a stable WYSIWYG HTML editor.
2. It performs on all the browsers (Cross-Browser Performance).
3. It can be used with any technology i.e. PHP, java etc.
4. It can be embedded in Salesforce as well.


Basic Code to use TinyMCE Editor :

This code needs to be added in the script inside the code :

<script>// <![CDATA[
tinymce.init({
selector: 'textarea',
height: 500,
menubar: false,
plugins: [
'advlist autolink lists link image charmap print preview anchor textcolor',
'searchreplace visualblocks code fullscreen',
'insertdatetime media table contextmenu paste code help'
],
toolbar: 'insert | undo redo | styleselect | bold italic backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help',
content_css: [
'//fonts.googleapis.com/css?family=Lato:300,300i,400,400i',
'//www.tinymce.com/css/codepen.min.css']
});
// ]]></script>
<textarea name="“textarea”"></textarea>

Note :

1. In Selector give the name of the text area inside HTML body.
2. We can also set height and width of the editor.
3. Toolbar list contains the list of buttons to added inside the toolbar of the editor.

Leave a Reply

Your email address will not be published. Required fields are marked *