locked
HTML Editor RRS feed

  • Question

  • User2062956768 posted

    friends;

    I need HTML Editor

    With toolbar

    so can I apply HTML TAGS <i> <b> as example using this toolbar

    I prefer free HTML EDitor

    Thank you so much 

    Wednesday, June 12, 2019 6:48 PM

All replies

  • User839733648 posted

    Hi mrzoz,

    According to your description, I suggest that you could use TinyMCE.

    TinyMCE is a powerful and flexible rich text editor that can be embedded in the user’s web application.

    You could use this editor achieve many functions by setting different attributes.

    You could refer to the documentation to know more: https://www.tiny.cloud/docs/quick-start/ 

    Here is a simple demo.

    <!DOCTYPE html>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/4.7.12/tinymce.min.js"></script>
        <script>
    
            setTimeout(function () {
                tinymce.init({
                    selector: 'textarea#basic-example',
                    auto_focus: true,
                    height: 500,
                    menubar: false,
                    plugins: [
                        'advlist autolink lists link image charmap print preview anchor textcolor',
                        'searchreplace visualblocks code fullscreen',
                        'insertdatetime media table paste code help wordcount'
                    ],
                    toolbar: 'undo redo | formatselect | 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.tiny.cloud/css/codepen.min.css'
                    ]
                });
            }, 1000)
    
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
    
            <textarea id="basic-example"></textarea>
    
        </form>
    </body>
    </html>

    result:

    Best Regards,

    Jenifer
     

    Thursday, June 13, 2019 2:07 AM
  • User-736603850 posted

    Hi!
    I also want to recommend the mdbootstrap editor.
    It's paid but I think it's the best you can find on the internet for the moment and the price is not bad.
    Find it on the mdbootstrap website!
    Good Luck!

    Tuesday, December 3, 2019 2:59 PM
  • User-474980206 posted

    this site uses tinyMCE. CKEditor is also popular. see this list:

    https://ourcodeworld.com/articles/read/1065/top-15-best-rich-text-editor-components-wysiwyg-for-reactjs

    note: while these are wrapped for react, you can use them without.

    Tuesday, December 3, 2019 11:10 PM