Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[FEAT] TinyMCE Editor #277

Closed
TCB13 opened this issue Mar 24, 2023 · 3 comments · Fixed by #288
Closed

[FEAT] TinyMCE Editor #277

TCB13 opened this issue Mar 24, 2023 · 3 comments · Fixed by #288
Assignees
Labels
enhancement New feature or request

Comments

@TCB13
Copy link

TCB13 commented Mar 24, 2023

Hello,

Thank you for the great set of tool and nice UI it has.

I would like to request the TinyMCE editor to be added to the Web Tools. Sometimes it's useful to be able to quickly format some text with a WYSIWYG editor and output the HTML.

Thank you.

@CorentinTh
Copy link
Owner

Done 💪🏻
Very lightweight for now, I'll iterate to add more buttons, like table support

https://it-tools.tech/html-wysiwyg-editor

screely-1679854909286

@CorentinTh
Copy link
Owner

Thank you for your request @TCB13

@TCB13
Copy link
Author

TCB13 commented Mar 26, 2023

Thank you for including this @CorentinTh !

It also has a menu that can be toggled to have more options, one of them is View > Source code that allows the user to edit the HTML directly. This is handy because it also makes it possible to drop a bunch of existing HTML into TinyMCE and revert it to a WYSIWYG editor.

I usually go with this config:

tinymce.init({
        selector: "textarea",
        height: 800,
        menubar: true,
        plugins: [
            "advlist autolink lists link image charmap anchor",
            "searchreplace code",
            "table paste code help wordcount"
        ],
        toolbar: "undo redo | formatselect | " +
            "bold italic backcolor | alignleft aligncenter " +
            "alignright alignjustify | bullist numlist outdent indent | " +
            "removeformat | help",
        content_style: "body { font-family:Helvetica,Arial,sans-serif; font-size:14px }"
    });

This will give me a very complete editor, example here: https://tcb13.com/demo/mce/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants