Sage 10 and TinyMCE style

sebastien-metzger · December 28, 2021, 10:06am

Hello,

I am using Sage 10.0.0-beta.2 and ACF Pro 5.11.3. All the content will be editable via fields from ACF in the website I am currently developing and the Wysiwyg widget uses TinyMCE - if I am correct.

Is it possible to inject text styles in this editor? Do I need to setup something in Sage 10 and use resources/styles/editor.css to bring all styling I want?

Best Regards,

ben · December 28, 2021, 3:06pm

Howdy! Sage 10 doesn’t have anything for TinyMCE out of the box, and the editor.css file is used for the block editor/Gutenberg

Here’s what we did in Sage 9 for classic editor visual styles:

github.com

roots/sage/blob/9.0.10/app/setup.php#L68-L72

    
      
          /**
           * Use main stylesheet for visual editor
           * @see resources/assets/styles/layouts/_tinymce.scss
           */
          add_editor_style(asset_path('styles/main.css'));

You could do the same thing with Sage 10, but instead of asset_path you’d use Roots\bundle

sebastien-metzger · December 28, 2021, 5:07pm

Thanx! I will need to dig deeper this topic… if I have time before the deadline.

system · February 8, 2022, 10:06am

This topic was automatically closed after 42 days. New replies are no longer allowed.