{"id":12872,"date":"2022-02-13T20:48:05","date_gmt":"2022-02-13T20:48:05","guid":{"rendered":"https:\/\/mailinvest.blog\/index.php\/2022\/02\/13\/wysiwyg-html-editor-bootstrap-based-rich-text-editor\/"},"modified":"2022-02-13T20:48:05","modified_gmt":"2022-02-13T20:48:05","slug":"wysiwyg-html-editor-bootstrap-based-rich-text-editor","status":"publish","type":"post","link":"https:\/\/mailinvest.blog\/index.php\/2022\/02\/13\/wysiwyg-html-editor-bootstrap-based-rich-text-editor\/","title":{"rendered":"WYSIWYG HTML Editor – Bootstrap based Rich Text Editor"},"content":{"rendered":"<\/a>\n

LIVE PREVIEW<\/a>BUY FOR $7<\/a><\/p>\n

<\/p>\n

WYSIWYG HTML Editor Ver. 2.0 <\/h2>\n

WYSIWYG (What You See Is What You Get) HTML Editor is a simple and easy to use Javascript execCommand() based editor. This is complete solution for getting HTML input from users using a form, when you do your website contact form or any web based HTML Page something similar to blog post, blog comment, article comments, feedback from etc. And this is not a template for editor, but this is a real and working WYSIWYG HTML Editor script where you can really input html input, WYSIWYG Editor or Code Editor and post data to your server side script. Technically this is for execCommand WYSIWYG Editor.<\/p>\n

\"WYSIWYG<\/p>\n

PRO Version<\/h2>\n

If you wish to have more features with server side PHP support like image uploading, there is a PRO version of the script here.<\/p>\n

WYSIWYG HTML Editor PRO – PHP based Editor with Image Uploader and more <\/a><\/h3>\n

Features<\/h2>\n
    \n
  • 3 Versions of Editors (Full, Simple and Minimal)<\/li>\n
  • 5 minutes to setup, and even a dummy can apply this to a html page<\/li>\n
  • Bootstrap Ready<\/li>\n
  • Tooltip for Buttons<\/li>\n
  • Very User Friendly Interface<\/li>\n
  • Easy to Apply a skin color using createditor() function itself<\/li>\n
  • Converts any text area within a form using simple javascription function at the head of the HTML Page<\/li>\n
  • Fontowesome based nice buttons for editor<\/li>\n
  • Live Demo Available<\/li>\n
  • Documentation is available<\/li>\n
  • Line by Line Comments are available for understanding the code<\/li>\n<\/ul>\n

    How to Apply ? <\/h4>\n

    Head<\/h3>\n


    \n<script type=\"text\/javascript\">
    \n$(window).on('load', function(){
    \ncreateeditor('form1','mytextarea','Full','#F2F2F2');
    \n});
    \n<\/script>
    \n<\/code><\/p>\n

    Body<\/h3>\n


    \n<form id=\"form1\" name=\"form1\" method=\"post\" action=\"\">
    \n <textarea name=\"textarea\" id=\"textarea\" cols=\"45\" rows=\"5\"><\/textarea>
    \n<\/form>
    \n<\/code><\/p>\n

    Preview<\/h3>\n

    \"WYSIWYG
    \n