Stylize links in WYSIWYG editor

• 

  djga515616518 · Member · May 13, 2024 at 12:37 pm

  • Copy link
  • Add topic to favorites

  I wanted to make the styles in the WYSIWYG editor match my site, so I followed this example: https://www.hostpapa.com/knowledgebase/how-to-add-custom-styles-to-wordpress-visual-editor/

  … and it worked. BUT, I am having trouble stylizing links. I can add a style in my functions like:

      array(  
          'title' => 'Link with Right Arrow',  
          'inline' => 'a',   
          'classes' => 'arrowlink',
          'wrapper' => true,
      ),

  But, when I have someone add a link … and THEN choose to “format” the selected text … this new style isn’t added to the existing <a> tag. But, if I have someone do the format first, and then add the link … it works.
  
  I’m trying to make the admin very USER-FRIENDLY, because my editors will not know anything about coding, and will mess things up (even if I give instructions). Does anyone have any guidance about how to fix this and getting it working so it’s easy to do…