Are you making some UI involving Text? You must’ve felt constricted to that tiny little input field in the properties field, making it really hard to work and check what you’re typing.
To solve this, check out the Text Editor plugin!
Now you can edit your text quickly and easily, especially helpful with the introduction of Rich Text.
Features
Real time output window so you can see how your text will look as you type it
Multi-line support for all text fields
Toggles for rich text features, allowing you to easily highlight text and apply a rich text property to it (and remove it if already present!). If you toggle when not highlighting anything, it will add new tags at your cursor location, and move your cursor inside of them
Easy access to text-related properties such as Font, TextSize and Alignment
Getting Started
Simple! Just install the plugin, select a TextLabel/TextButton/TextBox, and open up the Text Editor!
To make editing even quicker, you can assign a Studio Shortcut (FILE > Advanced > Customize Shortcuts and look for Text Editor: Toggle Open) to an easy keybind, so you can quickly open/close the Text Editor whenever you need it
TODO: Future Updates
Keybinds for rich text tags, such as CTRL + B for bold etc. (This is currently not possible with Roblox restrictions, as all input is sunk - any recommendations for this would be appreciated!)
Integrate more text-related properties within the widget (eg. TextStroke, TextColor3) so that it is all in one location
Support for Rich Text font size and color changing
Make sure to let me know anything else you would recommend
This plugin is open source! Feel free to check it out at the Github Repo, contributing is welcome!
Released v1.1.0!
This update is just minor, with support for aligning text horizontally and the addition of tooltips for all the toolbar options, and some internal cleanup. View the release here: Release v1.1.0 · JohnnyMorganz/roblox-text-editor · GitHub
Something which I was wondering was whether to fully replicate the TextItem inside the Output pane, such as the background (currently only all text related properties are replicated), as this may help with previewing. Any input is appreciated!
Released v1.1.1 to fix this issue, apologies for this! You should update your plugin to resolve it.
Also changed the wording of the Save button from “Save” to “Apply”. Will wait to see if more votes come in before determining whether the button should be removed. View the release here:
Released v1.2.0!
This update has a few significant changes. The biggest one is the replacement of the “Save” button with an autosave functionality. The text will automatically be updated once the Text Editor loses focus, or you change some properties. There is also better support for undo/redo (using ChangeHistoryService)
The ability to change Font and TextSize is also here! Please note, this currently doesn’t include adding in the “font” rich tag.
Make sure to update your plugin!
You can view the whole changelog and release here: Release v1.2.0 · JohnnyMorganz/roblox-text-editor · GitHub
At the moment, it is kind of on the backburner, however the plugin is completely usable in its current state and more features are planned for the future!
If you have any specific suggestions you would like implement, you could create an issue on the GitHub (or post it here if you wish).
I am also accepting external contributions too if you wish!