Blueprint by Tiny
Return to
Return to Tiny.cloudTry TinyMCE for Free
Search by

May the fourth be with you

Ben Long

May 3rd, 2020

2 min read

Written by

Ben Long


World of WYSIWYG



At Tiny, we’re always on the lookout for cool things HTML, CSS, JavaScript, … – and recently we discovered this awesome Star Wars Crawl Text by Geoff Graham.

So, with May 4 approaching, we thought it could be fun to incorporate Geoff’s design in TinyMCE.

Challenge: Know the Episode IV crawl text? Click on the yellow text to position the cursor and type in the rest as it scrolls! 😆 (Animation ends after 60s - refresh the page to start it again. Best viewed on CodePen on a larger screen.)

It just goes to show...TinyMCE is truly WYSIWYG – and that doesn’t always have to mean your plain old regular documents!

If you’ve done something cool with TinyMCE lately, let us know on Twitter.

How to change the TinyMCE CSS

If you’re already using our rich text editor, and you’re interested in how you can alter the styles within the editor, there are two options you can use to change the TinyMCE CSS: content_css and content_style. You can read about these in much more detail in our article on how to change the default font family, size, and color in TinyMCE.

In this example, however, I have chosen the quick and easy option, content_style, and I’ve pasted the CSS directly into the tiny initialization script:

content_style: "body { width: 100%; height: 100%; ...";

View the CodePen for the complete example.

TinyMCE skins and icons

You might not have seen TinyMCE running in dark mode before (with the darker skin). Check out our related blog posts on configuring dark mode in TinyMCE, and for more information on customizing TinyMCE skins and icons.

There’s also this cool skin we made for Halloween last year.

New to TinyMCE?

If you're not yet familiar with our rich text editor and how it provides users with a great content creation experience, you can start by checking out the demo on our home page.

For developers, integrating TinyMCE with your own applications is easy. Get a free API Key (including a 14 day trial of all the premium plugins) and get started within minutes.

Or contact us for more information about how to upgrade your existing content platforms to take advantage of the power and simplicity provided by TinyMCE.

byBen Long

Computer scientist, storyteller, teacher, and an advocate of TinyMCE. Reminisces about programming on the MicroBee. Writes picture books for kids. Also the wearer of rad shoes. “Science isn’t finished until you share the story.”

Related Articles

  • World of WYSIWYG

    How to use variable fonts

    by Fredrik Danielsson in World of WYSIWYG
Subscribe for the latest insights served straight to your inbox every month.

Deploy TinyMCE in just 6 lines of code

Built to scale. Developed in open source. Designed to innovate.

Begin with your FREE API Key
Tiny Editor
Tiny logo
Privacy Policy - Terms of Use© 2023 Tiny Technologies Inc.TinyMCE® and Tiny® are registered trademarks of Tiny Technologies, Inc.


  • TinyMCE
  • Tiny Drive
  • Customer Stories
  • Pricing