Tinymce full featured text editor

TinyMCE is customizable, so you can specify which buttons go on the toolbar, etc. Many toolbar options are available as plugins, and you simply add the appropriate parameters from within the JavaScript when you call the editor. You may also like How to create text editor in textarea using jquery and How to CKEditor In HTML Page using JavaScript.

Download tinymce plugin and more detail to visit official site.

Code

<script type="text/javascript">
  tinymce.init({ 
        selector:'.editor1',
        plugins:'link code image textcolor advlist',
        toolbar: [
        "fontselect | bullist numlist outdent indent | fontsizeselect | undo redo | styleselect | bold italic | link image",
        "alignleft aligncenter alignright Justify | forecolor backcolor",
        "fullscreen"
        ],
        fontsize_formats: '8pt 10pt 12pt 14pt 18pt 24pt 36pt',
        font_formats: 'Arial=arial,helvetica,sans-serif;Courier New=courier new,courier,monospace;AkrutiKndPadmini=Akpdmi-n',
    });   
</script>

Leave a Reply

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